Search Results for "css ui design generator"
Sort By:
Showing 35 open source projects for "css ui design generator"
View related business solutions-
Outgrown Windows Task Scheduler?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.
-
AI-generated apps that pass security reviewRetool 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.
-
1
Tailwind CSS
A utility-first CSS framework for rapid UI development
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design... -
2
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. -
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
Material Design for Bootstrap 5 React 17
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT
...You can even combine both into a single page. Trusted by 2 000 000+ developers & designers. Used by companies & institutions. Simplicity and ease of use are key features of MDB 5 React UI Kit. You need only one minute to install and run it. Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript. -
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
Material Design for Bootstrap 5 Angular
Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 & Angular 12 UI KIT - 700+ components, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, design tools & resources. Simple installation via .zip, npm or cdnjs. Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included git repository, FTP & Jenkins support. One-click setup! MDB GO allows you to create a WordPress page with a single click. Regardless of whether you want... -
6
Html Menu Generator
Html menu generator
The spatie/menu package provides a fluent interface to build menus of any size in your PHP application. If you're building your app with Laravel, the spatie/laravel-menu provides some extra treats. All classes provide a human-readable, fluent interface (no array configuration). Additionally, you can opt for a more verbose and flexible syntax, or for convenience methods that cover most use cases. You can programmatically add html classes and attributes to any item in the menu, or to the menu... -
7
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... -
8
Bootstrap 5 UI KIT
Bootstrap 5 & Material Design 2.0 UI KIT
Trusted by 2 000 000+ developers & designers. Used by companies & institutions. Super simple, 1 minute installation. Detailed docs & practical examples. Lots of tutorials. Plain JavaScript (but works also with jQuery). Huge and active community. MIT license, free for personal & commercial use. Simplicity and ease of use are key features of MDB 5 UI Kit. You need only one minute to install and run it. A slideshow component for cycling through elements, images or slides of text, like a... -
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. ... -
Cloud data warehouse to power your data-driven innovationBigQuery Studio provides a single, unified interface for all data practitioners of various coding skills to simplify analytics workflows from data ingestion and preparation to data exploration and visualization to ML model creation and use. It also allows you to use simple SQL to access Vertex AI foundational models directly inside BigQuery for text processing tasks, such as sentiment analysis, entity extraction, and many more without having to deal with specialized models.
-
10
Nebular
Customizable Angular UI Library based on Eva Design System
Nebular is a customizable Angular UI library that contains 40+ UI components, four visual themes, and Auth and Security modules. Recognized at the prestigious AngularConnect 2018, this Angular framework allows focusing on beautiful designs to adapt them to your brand. Nebular is free of charge and open-source. Nebular is a customizable Angular UI Library based on Eva Design System specifications, with 40+ UI components, 4 visual themes, Auth and Security modules. Each feature is a separate... -
11
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. -
12
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... -
13
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. -
14
OverlayScrollbars
A javascript scrollbar plugin which hides native scrollbars
A javascript scrollbar plugin that hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling. The plugin combines the features of native scrolling (e.g. hotkeys, speed, smoothness, touch support etc.) and custom HTML & CSS. It does not replace the native scrollbars, it just hides them to guarantee 100% native scrolling. It also provides additional and highly customizable DOM elements to style your own scrollbars. To check how... -
15
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. ... -
16
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... -
17
EDITEL
EDITEL is a screen editor/code generator for GnuCOBOL programmers
One of the hardest things to do when coding with COBOL is translating a screen design into code. The process may take hours, not to say days. In my old BLIS-COBOL, COBOL 74 and COBOL 80 /85 days (and those last 2 had the SCREEN SECTION which helped a lot !), I recall spending a significant amount of time dedicated to that activity. Time that could be used for more productive activities like coding and resolving bugs, for instance. Having said that, I developed a Screen Editor (similar to a... -
18
Evergreen
Evergreen React UI framework by Segment
Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment. Evergreen contains a set of polished React components that work out of the box. Evergreen components are built on top of a React UI Primitive for endless composability. Evergreen features a UI design language for enterprise-grade web applications. Evergreen contains a set of polished React components that work out of the box. Evergreen components are built on top of a React UI Primitive... -
19
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... -
20
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. ... -
21
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... -
22
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. -
23
Pocket Application Maker. Combination of a rapid GUI generator and a flexible "text generator/commander" to handle both design and logic of an application simply from a text file. All with SQL capability (sqlite integrated).
-
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
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.
