Search Results for "css ui design generator"
Sort By:
36 projects for "css ui design generator" with 2 filters applied:
-
Find Hidden Risks in Windows Task SchedulerWindows Task Scheduler might be hiding critical failures. Download the free JAMS diagnostic tool to uncover problems before they impact production—get a color-coded risk report with clear remediation steps in minutes.
-
Vibes don’t ship, Retool doesVibe 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.
-
1
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. -
2
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. ... -
3
Design Resources for Developers
Curated list of design and UI resources from stock photos
This repository is a large, curated list of design resources created to help developers build better-looking products without hunting all over the web. It groups tools and libraries into practical categories—color palettes, icons, illustrations, fonts, UI kits, stock photos, mockups, CSS frameworks, design inspiration, accessibility, and more—so you can jump straight to what you need. -
4
Orbit CSS
First framework to create radial interfaces using only CSS
Orbit is a CSS framework designed to create radial UI designs effortlessly. It provides intuitive CSS classes and standard web components for building radial menus, dashboards, creative portfolios, or cutting-edge applications. Orbit harnesses the power of space-inspired metaphors to simplify learning. By leveraging concepts like Big Bang, orbits, satellites, gravitational centers, and gravitational force, Orbit tries to make it easier to grasp abstract ideas, allowing users to have an idea... -
Atera all-in-one platform IT management software with AI agentsAtera’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.
-
5
Kibo UI
A custom registry of composable, accessible and open source shadcn/ui
Kibo UI is an open-source registry of composable, accessible UI components built atop the shadcn/ui system. Designed for developers using React and TypeScript, Kibo extends the foundational primitives of shadcn/ui by offering a broader set of prebuilt components that integrate seamlessly with Radix UI and other headless libraries. It aims to reduce boilerplate while maintaining flexibility and accessibility, making it ideal for building modern, responsive web applications. -
6
Vexip UI
Vue 3 UI library, highly customizability, full TypeScript, performance
Highly customizability, full TypeScript, performance pretty good. This library is using base on vue 3.0 with using composition api, and design and code components in the traditional way by Vue possible, fully TypeScript. Almost all the default value of props for each component can be quickly modified by configuration, for easy customization. And, the writing of component codes pays great attention to lowering the threshold of source code reading, and the style of code is as close to the... -
7
Flowbite
The most popular and open-source library of Tailwind CSS components
...Get started with over 310+ block sections coded with Tailwind CSS and Flowbite to build high-quality website pages. Get started with the most advanced Figma Design System built for Tailwind CSS and Figma and upgrade your designer toolkit to the next level. Learn more about the Pro version of Flowbite which includes a Figma design kit based on the utility classes from Tailwind CSS and hundreds of coded pages and components including application UI. -
8
Must-Watch CSS
CSS Grid, flexbox, custom variables, performance, frameworks
Must-Watch CSS is a curated collection of high-quality recorded talks and presentations about CSS, covering both foundational topics (like layout, Flexbox, Grid) and more advanced or modern concerns (such as performance, tooling, CSS variables, animations, and architecture). Rather than being a code library, it serves as a learning resource — a “watch-list” for front-end or UI developers who want to deepen their understanding of CSS beyond basic syntax. ... -
9
PrimeReact
The Most Complete React UI Component Library
Elevate your web applications with PrimeReact's comprehensive suite of customizable, feature-rich UI components. With PrimeReact, turning your development vision into reality has never been easier. The ultimate set of UI Components to assist you with 80+ impressive React Components. Choose from a variety of pre-built themes or implement your design systems with the CSS library of your choice like TailwindCSS. Connect with the other open-source community members, collaborate, and have a voice in the project roadmap. ... -
Total Network Visibility for Network Engineers and IT ManagersThis means every device on your network, and every interface on every device is automatically analyzed for performance, errors, QoS, and configuration.
-
10
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.” ... -
11
NextUI
Beautiful, fast and modern React UI library.
Make beautiful websites regardless of your design experience. Beautiful, fast, and modern React UI library. Provides a plugin to customize default themes, you can change all semantic tokens or create an entirely new theme. Built on top of Tailwind CSS, which means no runtime styles, and no unnecessary classes in your bundle. Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes. -
12
Reflex Dev
Web apps in pure Python
Reflex is a Python framework for building full-stack web apps entirely in Python—without writing JavaScript for the frontend. It provides fast live reloads, built-in state management, deployment tooling, and optional AI-powered scaffolding to accelerate development. -
13
Milkdown
Plugin driven WYSIWYG markdown editor framework
A plugin-driven WYSIWYG markdown Editor, inspired by Typora, built on top of prose-mirror and remark. The website is designed by Meo and Mirone. Powered by Theme Nord and Material Design. A plugin driven framework to build WYSIWYG Markdown editor. -
14
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. ... -
15
Classnames
A simple javascript utility for conditionally joining classNames
Classnames is a minimal JavaScript utility that helps you construct CSS class strings based on conditional logic. Instead of manually concatenating strings, developers can pass any combination of strings, arrays, or objects, and the library will output a clean, space-separated class list. When you provide an object, the keys represent class names and the boolean values determine whether each class should be included in the final string. This reduces boilerplate and the risk of typos or stray... -
16
ZnetDK 4 Mobile
Responsive Web App development full-stack framework in PHP and JS
Develop easily in PHP, MySQL and JavaScript your business web app for mobile and tablet devices from a ready-to-customize starter app, fully Responsive and Installable (PWA). No need to start up from scratch. You just have to add the views that fullfill your business requirements and connect them to the user navigation menu. All the features expected for a mobile business application are already developed! Authenticate your users through the built-in login form. Show them only the pages... -
17
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,... -
18
MaterialFX
A library of material components for JavaFX
MaterialFX is an open-source Java library that provides material design components for JavaFX. JavaFX is a software platform intended to replace Swing in creating and delivering rich client applications that operate consistently across diverse platforms. With the release of JDK 11 in 2018, Oracle has made JavaFX part of the OpenJDK under the OpenJFX project in order to increase the pace of its development. -
19
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. -
20
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. -
21
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. -
22
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... -
23
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. ... -
24
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. -
25
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...
