colors
shadcn/ui
colors | shadcn/ui | |
---|---|---|
2 | 144 | |
1,241 | 58,619 | |
4.0% | 7.2% | |
7.0 | 9.3 | |
8 months ago | about 12 hours ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
colors
- Radix Colors: Accessible color system for user interfaces
-
Tailwind Color Palette Generator
Thanks, I like the approach! However, the light theme is not fully accessible. I've created an issue on GitHub: https://github.com/radix-ui/colors/issues/41
shadcn/ui
-
Wasp x Supabase: Smokin’ Hot Full-Stack Combo 🌶️ 🔥
Check out the beautiful UI crafted by ShadCN over at the deployed version of our app — sign in with Google and get some sweet cards! Plus, the entire project is open source. Grab the code from GitHub.
-
TanStack Form: Setup and simple validation (with shadcn/ui)
It’s Headless so you can use it with whatever UI components you have in your project and as with everything in TanStack it’s type-safe! In this example we'll use components from shadcn/ui to build the form but you can really make it work with any UI library.
-
Integrate Copilot feature into your React applications using CopilotKit
Shadcn UI
-
Shadcn UI: A Developer's Delight (My Experience)
You can access shadcn/UI using the following links. Official Site Github Repo
-
Create an AI prototyping environment using Jupyter Lab IDE with Typescript, LangChain.js and Ollama for rapid AI prototyping
I build an Angular or React app or smart component that uses the store in an Nx monorepo. I use the Shadcn UI in React apps, and the Shadcn-based spartan/ui in Angular apps, so I can use almost the same app architecture both in Angular and React.
-
How to Build Your Own ChatGPT Clone Using React & AWS Bedrock
Finally, for our front end, we’re going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome!
-
System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days
Shadcn/ui: I've never tried it before but have always wanted to switch from MaterialUI
- JoblessDev: New Open-Source CS Job Platform for Students and Recent Grads
-
Show HN: Open Source TailwindCSS UI Components
Honestly the ergonomics of heavily customizable generic component libraries aren't great. Copy and pasting a simple component to make the specific customizations you want helps reduce JS ecosystem churn and dependency pain. Popularity of libraries like shadcn/ui [1] are good acknowledgements of that.
[1] https://ui.shadcn.com/
-
Embark on a UI Odyssey: Top 5 Spectacular Libraries to Explore
shadcn/ui
What are some alternatives?
color-color - Website to generate color palettes in Okhsl and HSLuv color spaces
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
huehive-figma-plugin - HueHive Figma plugin - Generate color palettes using ChatGPT
nextui - 🚀 Beautiful, fast and modern React UI library.
huehive-mobile-app - [HueHive] : An open source react native app for web, iOS and android for color palette management
material-ui-docs - ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:
tailblocks - Ready-to-use Tailwind CSS blocks.
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
mantine - A fully featured React components library
Colour - Colour Science for Python
antd - An enterprise-class UI design language and React UI library