Showing 24 open source projects for "css layout templates"

View related business solutions
  • Try Google Cloud Risk-Free With $300 in Credit Icon
    Try Google Cloud Risk-Free With $300 in Credit

    No hidden charges. No surprise bills. Cancel anytime.

    Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
    Start Free
  • 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
  • 1
    React Dashboard

    React Dashboard

    Isomorphic admin dashboard template

    Built with React, Bootstrap, React Router, Redux and GraphQL based on Create React App and latest industry best practices. This seed project is a sort of a free version of a template that may be found on Themeforest or Wrapbootstrap with working backend integration. You may use it to bootstrap the development of your next web app. You can open your web app in a browser, on mobile devices and start hacking. Whenever you modify any of the source files inside the /src folder, the module bundler...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    Mazer Dashboard

    Mazer Dashboard

    Free and Open-source Bootstrap 5 admin dashboard template

    Free Bootstrap 5 admin dashboard template. Fresh and elegant-looking admin template that you can use both personal and commercial use. Mazer is an Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency. Download zip or clone the repository with cli. You can customize the template with only custom the scss file. Every component has its own scss files. Go ahead to the scss file and edit.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 3
    CoreUI Free Vue Admin Template v4

    CoreUI Free Vue Admin Template v4

    Open source admin template based on Bootstrap 5 and Vue 3

    ...This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device, be it Mobile, Web or WebApp, CoreUI covers them all! Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Vue Admin Template is delivered with a ready-to-use environment.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    CoreUI Free React Admin Template v4

    CoreUI Free React Admin Template v4

    CoreUI React is a free React admin template based on Bootstrap 5

    ...Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp, CoreUI covers them all! Time is our most valuable asset, that's why we want to help you save it by creating simple, customizable, easy to learn React.js UI components and React.js Admin Templates which significantly cut development time. CoreUI lets you save thousands of priceless hours because it offers everything you need to create modern, beautiful, and responsive React.js based applications. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
    Start Free
  • 5
    tabler

    tabler

    Tabler is free and open-source HTML Dashboard UI Kit

    ...Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some Liquid) knowledge, as a reward, you'll be able to manage and visualise different types of data in the easiest possible way! ...
    Downloads: 36 This Week
    Last Update:
    See Project
  • 6
    Reactive Search

    Reactive Search

    Search UI components for React and Vue

    Build the perfect search experience using our UI components or by creating your own. 30+ pre-built components with customizable queries and configurable styles. Focus on design and user experience as ReactiveSearch handles the details. 30+ well-designed and performance-optimized UI components. Ship faster and solve fewer edge cases. Already have your own components? Bring them to ReactiveSearch. Styled components with rich theming and CSS class-injection support. Reactivesearch components...
    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
    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: 0 This Week
    Last Update:
    See Project
  • Add Two Lines of Code. Get Full APM. Icon
    Add Two Lines of Code. Get Full APM.

    AppSignal installs in minutes and auto-configures dashboards, alerts, and error tracking.

    Works out of the box for Rails, Django, Express, Phoenix, and more. Monitoring exceptions and performance in no time.
    Start Free
  • 10
    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
  • 11
    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
  • 12
    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
  • 13
    Sing App Lite

    Sing App Lite

    Free and open-source admin dashboard template built with Bootstrap 4

    Including responsive layout and high-quality UI built with Bootstrap 4.5. This repository contains a limited free version of Sing App. Full bootstrap 4, React with backend, Vue.js, Angular and Angular JS versions are also available and are shipped in a full package. Using this template you will be able to leverage lots of built-in components and thus focus on building features that set you apart from competitors rather than building everything from scratch. Styled Bootstrap components like...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    Evolutility-UI-jQuery

    Evolutility-UI-jQuery

    Model-driven Web UI for CRUD using REST or localStorage

    Evolutility-UI-jQuery provides a set of generic Backbone Views to browse, edit, filter, export and chart Backbone models and collections of different structures. With it you can make web applications by configuring views with metadata instead of hand-coding templates, Javascript and CSS.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    Shards UI

    Shards UI

    Bootstrap 4 UI kit packed with extra templates and components

    A free and modern UI toolkit for web makers based on the popular Bootstrap 4 (final) framework. Shards is built with performance in mind having a small footprint and weighting ~13kb minified and gzipped. With Bootstrap 4 at its core, Shards is responsive by default being able to adapt and reflow its layout to any screen size. Everything new in Shards is well documented so you can start building beautiful interfaces as soon as possible. Each component was designed from scratch and comes...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Shards Dashboard UI Kit

    Shards Dashboard UI Kit

    A beautiful Bootstrap 4 admin dashboard templates pack

    A high-quality & free Bootstrap admin dashboard template pack that comes with lots of templates and components. Based on Bootstrap 4, Shards Dashboard Lite is fully responsive and capable to adapt its layout to any viewport size. We followed the same practices when building Shards Dashboard Lite as the original Shards UI kit. This means that performance is excellent by adding a thin layer that’s only ~4kb mingz. Fully documented components and features were one of the key points when building Shards Dashboard Lite so that you can focus on building your ideal product with ease. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    TACHYONS

    TACHYONS

    Functional CSS for humans

    Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible. Everything should be 100% responsive. Everything should be readable on any device. Everything should be as fast as possible. Designing in the browser should be easy. It should be easy to change any interface or part of an interface without breaking any existing interfaces. Doing one thing extremely well promotes reusability and reduces repetition. Documentation helps promote reusability and...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Isotope

    Isotope

    Filter and sort layouts

    Include the Isotope .js file in your site. Isotope works on a container element with a group of similar child items. All sizing of items is handled by your CSS. You can use Isotope as a jQuery plugin. You can use Isotope with vanilla JS. You can initialize Isotope in HTML, without writing any JavaScript. All options are optional, but itemSelector is recommended. Layout modes have their own separate options. We recommend always setting itemSelector. itemSelector is useful to exclude sizing elements or other elements that are not part of the layout. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Quick slicer is a prototyping tool to initialize the layout of a web page.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Bricks.js

    Bricks.js

    A blazing fast masonry layout generator for fixed width elements

    Bricks capitalizes on batched reading of layout properties for blazing fastpacking time, no matter how many items. Bricks was developed with a modern JavaScript workflow in mind. To use it, it's recommended you have a build system in place that can transpile ES6, and bundle modules. It's recommended that you assign your Bricks instance to a variable. Using your instance, you can enable and disable the resize handler, add and remove event handlers, accommodate dynamically added elements, etc....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    PHPLM

    PHPLM

    A dynamic web menu based on PHP, Javascript and optionally a DB.

    A hierarchical, dynamic web menu generation system (group of classes) based on DHTML, CSS, PHP, PHPLIB Templates and Javascript. It provides various types of dynamic menus (simple, tree, with or without Javascript, CSS, horizontal or vertical). It was originally forked from the phplayersmenu project.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Snap.js

    Snap.js

    A Library for creating beautiful mobile shelfs in Javascript

    ...CSS3 Powered Animations with IE fallbacks, drag support, drag handle support. Programatic API, "No-Drag" elements, and definable easing mode. Enable/disable events, disabled sides (left or right). It supports Ratchet (with templates!). Because of the nature of this code, drawers are just kind of stacked behind the content. To bring the proper drawer to the front, you can hook into Snaps.js' CSS classes.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23

    Clarity

    A HTML/CSS Web Application Interface & Helpers using jQuery

    Clarity is a HTML/CSS Web Application Interface & Helpers using jQuery. It includes a basic single HTML page layout with CSS styling. jQuery helpers make development easy with HTML attributes such as target div for links and form submissions.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    GRITT is an application that generates Joomla templates based on the 960 Grid System. This is a WYSIWYG system that includes point-and-click definition of page areas. Most of the coding is done by GRITT, fine tuning of the CSS will be required.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
MongoDB Logo MongoDB