Search Results for "css ui design generator"
Sort By:
Showing 26 open source projects for "css ui design generator"
View related business solutions-
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.
-
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.
-
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
Konsta UI
Mobile UI components made with Tailwind CSS
Pixel perfect mobile UI components built with Tailwind CSS. With iOS and Material Design components for React, Vue & Svelte. All Konsta UI components come with pixel-perfect native-like iOS and Material Design themes created using official design guidelines. Everything you need for your iOS and Android apps! Konsta UI is mostly designed to be used with "parent" frameworks like Ionic or Framework7. -
3
NativeScript Tailwind
Makes using TailwindCSS in NativeScript a whole lot easier
The nativescript-tailwind plugin integrates the Tailwind CSS framework into NativeScript projects, allowing developers to use utility-first CSS classes to style their mobile applications consistently and efficiently. -
4
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... -
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
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. ... -
6
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. -
7
tabler
Tabler is free and open-source HTML Dashboard UI Kit
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! 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... -
8
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... -
9
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... -
MyQ Print Management SoftwareBoost 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.
-
10
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. ... -
11
NativeUI
The most crossbrowser web UI library that uses native browser elements
NativeUI is a CSS and JavaScript library that adheres to the KISS principle and focuses on utilizing standard features provided by browsers, which are most optimized for each specific platform, and therefore provide the best performance and user experience. The library ensures cross-browser behavior and styling of built-in browser elements of user interface and text formatting, adding commonly used user interface elements such as modal windows, image viewer, menus, tabs, form messages, etc.... -
12
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... -
13
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... -
14
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... -
15
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. ... -
16
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... -
17
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. -
18
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. -
19
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... -
20
-
21
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.... -
22
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... -
23
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... -
24
lightning-dart
Lightning User Interface in Dart
Lightning Dart is a library for developing web applications based on the CSS framework Salesforce Lightning Design System lightningdesignsystem.com. SLDS provides scss/css, icons and fonts, but no functionality. Lightning Dart provides the most complete component functionality for slds. Written in Dart, it compiles into Javascript ("Dart - the better Javascript"), so the delivery is a "one page apps". You can add business functionality by writing the code in Dart - or in Javascript... -
25
NiceScrollbars
Javascript library to create fully css styleable scrollbars
This Javascript library allows you to replace operating system dependent scrollbar elements with something that you can fully style using CSS rules while you still get the standard, usual behaviour on different platforms like desktop computers, smart phones and touch screen based tablets. Library supports <DIV>, <TEXTAREA> and multiple <SELECT> elements. Please visit project website to download the code!
