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

View related business solutions
  • Vibes don’t ship, Retool does Icon
    Vibes don’t ship, Retool does

    Start from a prompt and build production-ready apps on your data—with security, permissions, and compliance built in.

    Vibe coding tools create cool demos, but Retool helps you build software your company can actually use. Generate internal apps that connect directly to your data—deployed in your cloud with enterprise security from day one. Build dashboards, admin panels, and workflows with granular permissions already in place. Stop prototyping and ship on a platform that actually passes security review.
    Build apps that ship
  • 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
  • 1
    Material UI

    Material UI

    Comprehensive React component library that implements Material Design

    CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    Vibe Design System

    Vibe Design System

    Official monday.com UI resources for application development in React

    Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 3
    Salesforce Lightning Design System

    Salesforce Lightning Design System

    Salesforce Lightning design system

    Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development. Visual design values and attributes that ensure branding and UI consistency at scale. Design principles and best practices that guide beautiful, consistent, user-friendly product experiences. Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 4
    SHADYX-UI

    SHADYX-UI

    From Copy to Vibe

    Created a customizable and developer-friendly UI component library that offers both static and animated reusable components for rapid web development.It simplifies UI building with pre-designed, responsive elements tailored for modern web apps. Tech Stack : Next Js, Tailwind Css, Framer Motion, Aceternity UI and Figma.
    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
  • 5
    Bulma

    Bulma

    Modern CSS framework based on Flexbox

    Bulma is a free and open source, modern CSS framework based on Flexbox. It is a collection of CSS classes, with the end result being a single .css file. Because of this, you can write the HTML code you want and it would have no impact on the styling of your page. It has no JavaScript included, and can be considered “environment agnostic”, as it offers just a style layer over the logic. Bulma is 100% responsive, built to be mobile-first and modular, with 39 .sass files which you can...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    BRAID

    BRAID

    Themeable design system for the SEEK Group

    Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Best-of React Web

    Best-of React Web

    A ranked list of awesome React open-source libraries and tools

    This curated list contains 430 awesome open-source projects with a total of 5M stars grouped into 22 categories. All projects are ranked by a project-quality score, which is calculated based on various metrics automatically collected from GitHub and different package managers. If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    Bootstrap Simple Admin Template

    Bootstrap Simple Admin Template

    The most reliable HTML, CSS, and JavaScript simple admin template

    Bootstrap Simple Admin Template is a simple admin template packed with more UI components than any other admin themes, its exceptional user interface is perfectly crafted and advanced layout features are optimized to suit every modern web application project and highly responsive to serve from a Mobile-first to a Desktop screen.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 9
    GitHub Dark

    GitHub Dark

    Dark GitHub style

    GitHub-Dark is a userstyle that transforms GitHub’s interface into a coherent dark theme, covering repositories, issues, pull requests, gists, and profile pages. Distributed as a CSS stylesheet intended for the Stylus browser extension, it applies a comprehensive palette, rebalances contrast, and refines syntax colors for code views to ensure readability in low-light settings. The project goes beyond simple inversion by thoughtfully adjusting backgrounds, borders, badges, and diff highlights so the UI feels native rather than “flipped.” ...
    Downloads: 7 This Week
    Last Update:
    See Project
  • Total Network Visibility for Network Engineers and IT Managers Icon
    Total Network Visibility for Network Engineers and IT Managers

    Network monitoring and troubleshooting is hard. TotalView makes it easy.

    This means every device on your network, and every interface on every device is automatically analyzed for performance, errors, QoS, and configuration.
    Learn More
  • 10
    Lip Gloss

    Lip Gloss

    Style definitions for nice terminal layouts

    Style definitions for nice terminal layouts. Built with TUIs in mind. Lip Gloss takes an expressive, declarative approach to terminal rendering. Users familiar with CSS will feel at home with Lip Gloss. The terminal's color profile will be automatically detected, and colors outside the gamut of the current palette will be automatically coerced to their closest available value. The terminal's background color will automatically be detected and the appropriate color will be chosen at runtime....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    uix-kit

    uix-kit

    A free web kits for fast web design and development

    Uix Kit is not a framework, just a UI toolkit based on some common libraries for building beautiful responsive website. Uix Kit isn't a reusable component structure, mostly custom CSS and JavaScript based. Definitely interesting, and if you're developing mostly web content and not applications this is particularly useful. It is a web dev build tool/scaffold that does not depend on any framework. You can import any external libraries/frameworks or native ES Modules for production. The...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Element

    Element

    A Vue.js 2.0 UI Toolkit for Web

    Element is a component library based on Vue.js 2.0 that can be used by developers, designers and product managers to build products that are logically sound, well-structured and easy to use. Element uses BEM-styled CSS so you can easily change styles when you want to. There are four ways you can change style variables. You can use the online theme roller to customize design tokens and preview new themes in real-time. You can also use the theme preview website (for changing the theme color...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    Gloria

    Gloria

    Gloria is a static website generator, based on NodeJS

    V2 is deprecating lots of old functions, make sure to read the migrating docs. We're also slowly moving into typescript, and while I think it should work very well for your projects, legally I need to remind you that this is a satire of other projects. It currently supports having a content management system using MD files and tailwind CSS, with some bugs, but the main functionality and philosophy have been accomplished. This project aims to be a substitute for Jekyll, to help you create...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    CSS Theme Change

    CSS Theme Change

    Change CSS theme with toggle, buttons or select using CSS properties

    CSS Theme Change is a small utility for managing CSS theme toggling (such as light/dark mode) in web projects, designed to be lightweight, easy to integrate, and framework-agnostic. Instead of relying on heavy JavaScript frameworks or complex state management, it offers a simple API that listens to system preferences and UI interactions to swap theme classes or variables in real time. It can react to user toggles as well as automatically adapt to the user’s OS-level dark/light mode settings,...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 15
    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
  • 16
    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
  • 17
    98.css

    98.css

    A design system for building faithful recreations of old UIs

    98.css is a CSS library for building interfaces that look like Windows 98. This library relies on the usage of semantic HTML. To make a button, you'll need to use a <button>. Input elements require labels. Icon buttons rely on aria-label. This page will guide you through that process, but accessibility is a primary goal of this project. You can override many of the styles of your elements while maintaining the appearance provided by this library. Need more padding on your buttons? Go for it....
    Downloads: 1 This Week
    Last Update:
    See Project
  • 18
    Jekyll Starter Kit

    Jekyll Starter Kit

    Jekyll Progressive Web App Generator

    Jekyll Progressive Web App Generator.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Material ScrollTop Button

    Material ScrollTop Button

    Lightweight, Material Design inspired plugin

    Lightweight, Material Design-inspired plugin for scrolling on top of the page (with jQuery) Just hit the button to smoothly scroll back to the top of the page.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    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
  • 21
    Jupyter Themes

    Jupyter Themes

    Custom Jupyter Notebook Themes

    jupyter-themes brings theme management to classic Jupyter Notebooks with a command-line tool that can restyle the interface, code cells, and UI chrome in seconds. It ships a catalog of popular dark and light themes and lets you customize fonts, font sizes, cell widths, and toolbar visibility so the notebook matches your preferred reading and coding ergonomics. The theming system adjusts CodeMirror syntax highlighting to keep code legible against chosen backgrounds and provides options to...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Gravity theme

    Gravity theme

    Minimal is the new cool

    Gravity is an unopinionated theme for Jekyll, the awesome static site generator.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    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
  • 24
    Web design in 4 minutes

    Web design in 4 minutes

    Learn the basics of web design in 4 minutes

    This repository contains a single, short tutorial that incrementally transforms a bare HTML document into a clean, readable webpage, teaching design by doing. Each step introduces one design decision—typography, spacing, color, alignment, hierarchy—and shows exactly how it changes the page. The lesson is intentionally minimal and time-boxed so beginners can grasp core principles without being overwhelmed by tooling or frameworks. It focuses on taste-building: why certain choices make text...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    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
  • Previous
  • You're on page 1
  • 2
  • Next