primitives
chakra-ui
| primitives | chakra-ui | |
|---|---|---|
| 29 | 352 | |
| 16,242 | 38,333 | |
| 1.9% | 0.8% | |
| 9.0 | 9.9 | |
| 3 days ago | 2 days 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.
primitives
- Explaining Scoped Context in React with example
-
Hacky Way to Customize Shadcn’s Tooltip Arrows
While this approach works, I’m sure there are UI libraries that allow for easier and more flexible tooltip styling. However, it feels rewarding to have found a workaround for this. If you're interested in exploring other options, you might want to check out this discussion.
-
Headless UI alternatives: Radix Primitives, React Aria, Ark UI
Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.
- Radix Primitives: an open-source UI component library
-
React: Build your own composable, headless components
Fast forward to a week ago, I cloned the Reach UI and Radix UI codebase and started exploring. Large codebases are always difficult to comprehend. With some digging around and reverse engineering, I was able to create the first component listed in the Reach UI docs, the Accordion.
- Show HN: Radix Themes – A beautiful, open-source React component library
- 5 React Libraries to Level Up your Projects in 2023
-
I'm building Radix Svelte, an unstyled UI component library with a focus on accessibility.
Other things that led me to choose this path were: Most libraries that are ports, official or not, use the original name (e.g. Svelte Material UI); Radix UI's license is fairly permissive (https://github.com/radix-ui/primitives/blob/main/LICENSE), which is why I also don't think it matters that it's a company behind it. Same as why I don't see an issue with the name Preact, for example.
-
I made a tool for converting between different media formats (without uploading to a server)
For a react project I recommend https://radix-ui.com, it's got pretty good defaults
-
List of free Tailwind UI component resources
radix-ui.com
chakra-ui
-
Why Beginners CRUSH IT with TypeScript
I loved using Chakra UI as a UI framework which have excellent TypeScript support, I was able to learn more about TypeScript like interfaces and generics. As I grew more comfortable with TypeScript, I started using more advanced features like type inference, Omit, and Partial.
- 14 Super Useful React Libraries You Should Know
-
Best React UI Library: 5 Popular Choices
GitHub: https://github.com/chakra-ui/chakra-ui
-
Mastering Frontend Styling: A 2024 Guide to Popular CSS Libraries
5. Chakra UI
-
The Ultimate React Roadmap for 2024 - Learn React the Right Way
Chakra UI is a simple, modular, and accessible component library that provides the building blocks you need to build your React applications.
-
Top 10 React Libraries and Tools You Should Know in 2024
Website: Chakra UI
-
Frontend resources! 🚀
ChakraUI: A simple, modular, and accessible component library
-
How I Build Paradise UI: A React UI Component Library
If you know Material UI, Chakra UI or Primereact, those are react UI component libraries.
- Ask HN: Features for GPU price-per-hour tracker for A100/H100s
-
Exploring 5 Top UI Frameworks for React
1. Chakra UI
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
mantine - A fully featured React components library
zag - Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
antd - An enterprise-class UI design language and React UI library
sveltekit-package-template - A barebones project that provides the essentials for writing highly-optimized, reusable packages in Svelte.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
dub - Open-source link management infrastructure. Loved by modern marketing teams like Twilio, Perplexity, Vercel, and Huberman Labs.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-star-rating-input - React.js components for entering 0—N stars (N is 5 by default), or displaying 0—N stars
component-template - A base for building shareable Svelte components
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.