Showing 60 open source projects for "css ui design generator"

View related business solutions
  • Outgrown Windows Task Scheduler? Icon
    Outgrown Windows Task Scheduler?

    Free diagnostic identifies where your workflow is breaking down—with instant analysis of your scheduling environment.

    Windows Task Scheduler wasn't built for complex, cross-platform automation. Get a free diagnostic that shows exactly where things are failing and provides remediation recommendations. Interactive HTML report delivered in minutes.
    Download Free Tool
  • AI-generated apps that pass security review Icon
    AI-generated apps that pass security review

    Stop waiting on engineering. Build production-ready internal tools with AI—on your company data, in your cloud.

    Retool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
    Try Retool free
  • 1
    Onsen UI

    Onsen UI

    Mobile app development framework and SDK

    The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps. Experience streamlined development with zero-time setup, using the technologies you already know and love, Javascript, HTML and CSS. A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. They all have iOS and Android Material design support, with automatic styling that will change the appearance of the app based on the platform. With Onsen UI you can truly support both Android and iOS with the same source code. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 2
    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
  • 3
    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
  • 4
    Spicetify Themes

    Spicetify Themes

    A community-driven collection of themes for customizing Spotify

    spicetify-themes is a community-driven collection of custom themes for Spicetify, a tool that modifies the Spotify desktop client’s UI. The repository contains dozens of themes with different color palettes, layouts, and design variations, allowing users to personalize the look and feel of Spotify far beyond its default style. Themes are typically CSS-based and can be applied quickly through Spicetify commands, with instructions included for installation and customization. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • MyQ Print Management Software Icon
    MyQ Print Management Software

    SAVE TIME WITH PERSONALIZED PRINT SOLUTIONS

    Boost your digital or traditional workplace with MyQ’s secure print and scan solutions that respect your time and help you focus on what you do best.
    Learn More
  • 5
    Propeller

    Propeller

    Develop more, Code less. Propeller is a front-end responsive framework

    Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap. Library with 25 Responsive UI Components. Ready to use template which speeds up the Development process. Detailed User Manual which provides step by step usage for every Propeller component. The downloaded folder will have following directories and files, with a logical grouping of common assets including both compiled and minified versions.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Jekyll theme: Adam Blog 2.0

    Jekyll theme: Adam Blog 2.0

    The Minimum Viable Model website and Jekyll theme

    Adam Blog 2.0 is a Jekyll theme that was built to be 100% compatible with GitHub Pages. If you are unfamiliar with GitHub Pages, you can check out their documentation for more information. Jonathan McGlone's guide on creating and hosting a personal site on GitHub is also a good resource. Jekyll is a simple, blog-aware, static site generator for personal, project, or organization sites. Basically, Jekyll takes your page content along with template files and produces a complete website. The...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Jekyll Starter Kit

    Jekyll Starter Kit

    Jekyll Progressive Web App Generator

    Jekyll Progressive Web App Generator.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    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: 2 This Week
    Last Update:
    See Project
  • 9
    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. The project emphasizes...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Atera all-in-one platform IT management software with AI agents Icon
    Atera all-in-one platform IT management software with AI agents

    Ideal for internal IT departments or managed service providers (MSPs)

    Atera’s AI agents don’t just assist, they act. From detection to resolution, they handle incidents and requests instantly, taking your IT management from automated to autonomous.
    Learn More
  • 10
    Angular Material Dashboard

    Angular Material Dashboard

    Angular admin dashboard with material design

    Angular admin dashboard with material design. Responsive Angular admin dashboard with material design based on Angular Material. AngularJS, Angular UI Router, Angular Material, Sass styles, Gulp build, Stylish, clean, responsive layout with original design, and BrowserSync for the ease of development. Project structure based on gulp-angular yeoman generator. If you have any questions about the build or project structure please check out their documentation. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    ScrollMagic

    ScrollMagic

    The javascript library for magical scroll interactions

    ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 12
    frontend-mentor-challenges

    frontend-mentor-challenges

    My submissions for the Frontend Mentor Challenges

    The frontend-mentor-challenges repository contains the author’s submissions to the platform Frontend Mentor — which offers structured UI/UX layout challenges (landing pages, components, form designs) for front-end developers. The codebase shows solutions in HTML, CSS, Javascript, with each challenge typically including an original design file plus the author’s implementation. It’s a great way to practice responsive layouts, CSS grid/flexbox mastery, UI refinement, and build portfolio-worthy front-end snapshots. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    Support for MUI v4 or MUI v5

    Support for MUI v4 or MUI v5

    A chip input field using Material-UI

    After maintaining this project for over 3 years, we chose not to add support for MUI v4+ since it would require significant changes and there is already a built-in chip input. The same component is also available for MUI v5, and there are some alternatives like mui-chips-input. This is our collection of such components. Every component is maintained in its own repository and published as independent npm package. This way, we hope to give every component the amount of love and care it...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    Junior

    Junior

    A striking black and white theme for Jekyll

    Junior is a blog/portfolio theme for Jekyll, the static site generator. Connects, using Github's API, with your public profile and pulls your projects (ordered by Stars). Coming soon, you will also be able to showcase significant PRs. Tag colors are also matched to the project's Github language color coding.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    Webpage for CS 341 (formerly CS 241)
    CS 241 course website. First, make sure you have ruby 2.6. We recommend using rvm. After, we recommend bundler to install all the dependencies. Then navigate to the root of the repository and install. Finally, your repository has the submodules needed.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Effeckt.css

    Effeckt.css

    A Performant Transitions and Animations Library

    ...Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    Styled System

    Styled System

    Style props for rapid UI development

    ...Works with most css-in-js libraries, including styled-components & emotion. Used in Rebass, Reflexbox, and the Priceline Design System. Set responsive width, margin, padding, font-size, and other properties with a shorthand array syntax. Most CSS-in-JS libraries include a ThemeProvider to provide values through React context. Import the styled components ThemeProvider in the root of your application and pass the theme to the theme prop.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Packery

    Packery

    Gapless, draggable grid layouts

    Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    kodeWeave

    kodeWeave

    HTML/CSS/JS and Markdown Playground For Web Designers and Developers

    kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices. (PhoneGap Build is recommended for mobile devices) kodeWeave similar to jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and pastebin, but allows you to export your web app as a desktop...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 20
    pretty-checkbox.css

    pretty-checkbox.css

    A pure CSS library to beautify checkbox and radio buttons

    A pure CSS library to beautify checkbox and radio buttons. Download from yarn or npm. These are simple checkboxes with three shapes. Add class p-switch. For shapes add class, p-outline or p-fill or p-slim. There are five colors. Can be used as Solid ( p-primary ) or Outline ( p-primary-o ). You can add any font icons to replace basic checkbox styles. There are two classes to be added. First, p-icon to .pretty. Then add icon class along with font icon classes inside .state. This library...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Quick slicer is a prototyping tool to initialize the layout of a web page.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    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
  • 23
    Google Material Design Lite

    Google Material Design Lite

    Material Design Components in HTML/CSS/JS

    Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Concise CLI

    Concise CLI

    A CSS framework that's lightweight and easy-to-use

    ...No unnecessary styles are added so you can spend more time building and less time overriding. Do you need CSS components? We provide a basic UI kit for Concise CSS as an add-on. We also provide utility classes for rapid prototyping and context-dependent styles. The usual features from Sass with some custom additions using PostCSS. A framework built with design in mind. Get better results from the beginning with less code.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Social Buttons for Bootstrap

    Social Buttons for Bootstrap

    Social Sign-In Buttons for Bootstrap

    Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Include Bootstrap and Font Awesome. If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project. Start using the buttons as you would normally do with the Bootstrap buttons that have an icon by adding the...
    Downloads: 0 This Week
    Last Update:
    See Project