Search Results for "css layout templates" - Page 2
Sort By:
Showing 97 open source projects for "css layout templates"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
1
Framework7
Full featured HTML framework for building iOS & Android apps
Framework7 - is a free and open source framework to develop mobile, desktop or web apps with a native look and feel. It is also an indispensable prototyping tool to show working app prototypes as soon as possible in case you need to. With such a stunning set of UI components that Framework7 provides right from the box, it allows to create of web apps, progressive web apps (PWA) and iOS and Android apps with a native look and feel. You can use any tools you love when working with Framework7.... -
2
SurveyJS
JavaScript Survey and Form Library
SurveyJS Form Library is distributed as npm packages and as scripts and style sheets that you can reference on your page. You can use it in any React, Angular, Vue, Knockout, or jQuery application. React, Angular, Knockout, and Vue3 are supported natively. To communicate with the server, the libraries use JSON objects that represent form schemas (content and layout of a form) and form results (answers). You have the option to build dynamic JSON-driven forms using our free full-featured... -
3
Nellavio
Open-source dashboard starter built with Next.js 16 & Tailwind 4
Nellavio is a free, open-source dashboard starter designed for building modern SaaS products, internal tools and data-rich admin panels. It provides the UI components, pages and patterns you need to create a complete dashboard application - available out of the box. It will give you a solid head start and save a lot of development time by serving as a practical foundation that you can easily extend and adapt to your specific needs. It includes 90+ reusable UI components, 60+ chart... -
4
uix-kit
A free web kits for fast web design and development
...Support JS, HTML, and SASS component library automatically packaged. It is used to develop the full-static website (HTML templates or for dynamic language integration). The demo depends on jQuery (you can completely rewrite the script if needed). And dist DOES NOT bundle any third-party script and style library, all libraries are loaded externally in the HTML file. Source: https://github.com/xizon/uix-kit -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
pH7 Social Dating CMS (pH7Builder)❤️
🚀 Professional Social Dating Web App Builder (formerly pH7CMS)
pH7Builder is a Professional, Free & Open Source PHP Social Dating Builder Software (primarily designed for developers ...). This Social Dating Web App is fully coded in object-oriented PHP (OOP) with the MVC pattern (Model-View-Controller). It is low resource-intensive, extremely powerful and highly secure. pH7Builder is included with over 42 native modules and is based on its homemade pH7 Framework which includes more than 52 packages To summarize, pH7Builder Social Dating Script... -
6
Bulma Templates
Free flexbox templates built with the bulma css framework
Free templates for the Bulma CSS framework. The original bulma templates were made with version 0.1.1 and can be found in the 0.1.1 branch. The newest templates are made with version 0.9.0 and can be found in the master branch. The templates on bulmatemplates.github.io/bulma-templates are based on the master branch. The templates are located in the /templates directory, and you can preview them on the demo website. -
7
Modern UI/UX GPT-3
Master the creation of Modern UX/UI Websites
This repository teaches how to craft a modern marketing site with polished UI/UX patterns using React and CSS. It focuses on layout, typography, spacing, and component structure to produce a landing page feel often seen in contemporary product sites. The project encourages clean semantics and reusable components while keeping the stack lightweight. It’s positioned as a design-driven build rather than a data-heavy app, making it ideal for practicing hero sections, feature blocks, responsive grids, and call-to-action areas. ... -
8
UI-Grid
UI Grid, an Angular data grid
UI-Grid is currently compatible with Angular versions ranging from 1.4.x to 1.8.x. UI-Grid comes bundled with several features. You can use jsdelivr.com's cdn url to access the files. Just alter the version as you need. UI-Grid has an excellent plugin system. Most new features can be added as plugins. Please see some discussion of that in the Developer guidelines. There is a list of known plugins on the tutorial site. If you would like your plugin added to that list, please edit the tutorial... -
9
Pure.css
A set of small, responsive CSS modules that you can use
A set of small, responsive CSS modules that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 3.7KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
Bojler
Bojler is an email framework
...Thanks to built-in automation (SASS compiler, CSS inline and CSS linter) and boilerplate template it's easy to start and work on every new email template. It's the 21st century, stop writing inlined CSS! Bojler gives you the ability to create responsive email templates with a modern grid system, SASS, and built-in CSS inline. -
11
Semantic UI
UI framework designed for theming
Semantic UI is a development framework that lets you create beautiful, custom and responsive website layouts using human-friendly HTML. The syntax used is based on natural language, so concepts are linked intuitively. Semantic UI utilizes concise HTML, intuitive JavaScript and simplified debugging, making front-end development an absolute dream for developers. Semantic UI is partnered with popular frameworks React, Angular, Meteor, Ember and many others so you can easily integrate it and... -
12
Keen UI
A lightweight Vue.js UI library with a simple API
Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework. -
13
CSS Critic
Lightweight CSS regression testing
A lightweight tool for regression testing of Cascading Style Sheets. Your web stack should be fully testable. CSS Critic closes the gap in front-end testing and makes HTML & CSS testable - no more broken UI. For example, make it supervise changes to your project's responsive style guide so you know things are looking good. We believe that your UI will change often enough that a lightweight process on managing changes (near instant feedback, anyone?) is more important than a heavy-weight one... -
14
Bootstrap Vue
Comprehensive implementations of Bootstrap v4 for Vue.js
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library, Bootstrap v4. Easily... -
15
TARS
Markup builder on gulp
TARS is a builder for the modern frontend of any complexity, which is based on Gulp.js. It facilitates and accelerates the process of web development. TARS will be suitable for teams and individual developers. It solves the most routine cases associated with web development and brings you more pleasure from work. TARS is a framework for gulp, including a set of gulp-tasks. It allows for easy expansion (creating new tasks) and customization (modification of existing tasks), provides a... -
16
Flickity
Touch, responsive, flickable carousels
All sizing and styling of the cells are handled by your own CSS. The height of the carousel is set to the maximum height of the cells. Cells can be different sizes. You can use any unit you like: percent, pixels, etc. You can use media queries to show different number of cells for different breakpoints. If you want to use Flickity to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept... -
17
vue-content-loader
SVG component to create placeholder loading
vue-content-loader provides SVG “skeleton screen” components for Vue applications, letting you show animated placeholders that mimic your layout while real content loads. Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. ... -
18
Krajee bootstrap-star-rating
A simple yet powerful JQuery star rating plugin with fractional rating
A simple yet powerful JQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support. Developed with a focus on utilizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup. Ability to size the rating control to any size including the stars, caption, and clear button. Five prebuilt size templates are available xl, lg, md, sm, and xs. However one can have their own size configured through a simple CSS manipulation. ... -
19
Water.css
A drop-in collection of CSS styles to make simple websites
water.css is a “classless” CSS framework that instantly beautifies plain HTML without adding custom classes to your markup. By targeting native HTML elements—headings, paragraphs, forms, tables, and buttons—it applies sensible defaults for spacing, typography, and contrast, producing a clean, readable layout out of the box. The stylesheet is intentionally small and dependency-free, making it a convenient drop-in for prototypes, documentation, and minimalist sites where heavy frameworks are overkill. ... -
20
Muuri
Infinite responsive, sortable, filterable and draggable layouts
...Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and Sortable. You can build pretty amazing layouts without a single line of JavaScript these days. However, sometimes (rarely though) CSS just isn't enough, and that's where Muuri comes along. At it's very core Muuri is a layout engine which is limited only by your imagination. You can seriously build any kind of layout, asynchronously in web workers if you wish. Custom layouts aside, you might need to sprinkle some animations and/or interactivity (filtering / sorting / drag & drop) on your layout (be it CSS or JS based). ... -
21
Harp
Static site server/generator with built-in preprocessing
Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. ... -
22
Vue Native
Vue Native is a framework to build cross platform native mobile apps
Vue Native is a framework to build cross-platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get the simplicity of Vue.js. Incrementally build user interfaces with the familiar syntax of HTML and CSS in single file components. Seamless interop with React Native. Use core React Native components with Vue.js syntax out of the box to develop mobile apps... -
23
vue2-manage
A admin template based on vue + element-ui
vue2-manage showcases an admin dashboard built with Vue 2, demonstrating how to design and organize a multi-section management console. It includes common admin patterns such as authentication gates, tables, charts, forms, pagination, and search to support day-to-day operations. The project emphasizes clear layout hierarchies, navigation systems, and reusable UI primitives that keep large interfaces consistent. It provides examples of CRUD workflows and data validation so teams can quickly... -
24
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. ... -
25
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
CSS Grid Generator is a visual tool built to help web designers and developers quickly create CSS Grid layout code without writing the grid definitions manually. You select the number of columns, rows, and units (e.g., fr, px, %), then visually drag and place items, resize them and position them within the grid to prototype layouts by hand.
