Showing 97 open source projects for "css layout templates"

View related business solutions
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • $300 in Free Credit Towards Top Cloud Services Icon
    $300 in Free Credit Towards Top Cloud Services

    Build VMs, containers, AI, databases, storage—all in one place.

    Start your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
    Get Started
  • 1
    Framework7

    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....
    Downloads: 1 This Week
    Last Update:
    See Project
  • 2
    SurveyJS

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    Nellavio

    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...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 4
    uix-kit

    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
    Downloads: 1 This Week
    Last Update:
    See Project
  • Custom VMs From 1 to 96 vCPUs With 99.95% Uptime Icon
    Custom VMs From 1 to 96 vCPUs With 99.95% Uptime

    General-purpose, compute-optimized, or GPU/TPU-accelerated. Built to your exact specs.

    Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
    Try Free
  • 5
    pH7 Social Dating CMS (pH7Builder)❤️

    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...
    Downloads: 23 This Week
    Last Update:
    See Project
  • 6
    Bulma Templates

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Modern UI/UX GPT-3

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    UI-Grid

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    Pure.css

    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.
    Downloads: 2 This Week
    Last Update:
    See Project
  • Forever Free Full-Stack Observability | Grafana Cloud Icon
    Forever Free Full-Stack Observability | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built 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.
    Create free account
  • 10
    Bojler

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    Semantic UI

    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...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 12
    Keen UI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    CSS Critic

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    Bootstrap Vue

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    TARS

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Flickity

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    vue-content-loader

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Krajee bootstrap-star-rating

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Water.css

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Muuri

    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). ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Harp

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Vue Native

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    vue2-manage

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Solved by Flexbox

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    CSS Grid Generator

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
MongoDB Logo MongoDB