ARK UI: Open-source UI Framework with customizable and accessible UI components for React, Solid and Vue
Ark UI is an open-source, headless UI library with 30+ components for building scalable design systems.
It supports multiple JavaScript frameworks, offering tailored packages for each.
Several apps, including Typebot, Inkeep, and Gumbo, use Ark UI, along with UI libraries like Chakra UI.
Top 11 Open-Source UI Frameworks for Next.js and React
When building a React-based application with Next.js, selecting the right UI (User Interface) framework can make a significant difference in the development process and the final product. UI frameworks provide pre-built components, styling options, and design patterns that can speed up development, ensure consistency, and enhance the user experience.
Hazem Abbas
13 Open-source Free React UI Builder for Building Rich Interfaces
What is a React UI Builder A React UI Builder is a tool that allows developers to create user interfaces with React, a popular JavaScript library, in a more visual and intuitive way. These UI builders often provide a drag-and-drop interface, making it easy to design interfaces without writing a
Hazem Abbas
Features
- Zero Styling
- Modular components
- Accessibility-First
- State Machine Powered
Components
| Component | React | Solid | Vue |
|---|---|---|---|
| Accordion | ✓ | ✓ | ✓ |
| Avatar | ✓ | ✓ | ✓ |
| Carousel | ✓ | ✓ | ✓ |
| Checkbox | ✓ | ✓ | ✓ |
| Clipboard | ✓ | ✓ | ✓ |
| Collapsible | ✓ | ✓ | ✓ |
| Color Picker | ✓ | ✓ | ✓ |
| Combobox | ✓ | ✓ | ✓ |
| Date Picker | ✓ | ✓ | ✓ |
| Dialog | ✓ | ✓ | ✓ |
| Editable | ✓ | ✓ | ✓ |
| Field | ✓ | ✓ | ✓ |
| Fieldset | ✓ | ✓ | ✓ |
| File Upload | ✓ | ✓ | ✓ |
| Hover Card | ✓ | ✓ | ✓ |
| Menu | ✓ | ✓ | ✓ |
| Number Input | ✓ | ✓ | ✓ |
| Pagination | ✓ | ✓ | ✓ |
| Pin Input | ✓ | ✓ | ✓ |
| Popover | ✓ | ✓ | ✓ |
| Presence | ✓ | ✓ | ✓ |
| Progress - Circular | ✓ | ✓ | ✓ |
| Progress - Linear | ✓ | ✓ | ✓ |
| Radio Group | ✓ | ✓ | ✓ |
| Rating Group | ✓ | ✓ | ✓ |
| Segment Group | ✓ | ✓ | ✓ |
| Select | ✓ | ✓ | ✓ |
| Signature Pad | ✓ | ✓ | ✓ |
| Slider | ✓ | ✓ | ✓ |
| Splitter | ✓ | ✓ | ✓ |
| Switch | ✓ | ✓ | ✓ |
| Tabs | ✓ | ✓ | ✓ |
| Tags Input | ✓ | ✓ | ✓ |
| Time Picker | ✓ | ✓ | ✓ |
| Timer | ✓ | ✓ | ✓ |
| Toast | ✓ | ✓ | ✓ |
| Toggle Group | ✓ | ✓ | ✓ |
| Tooltip | ✓ | ✓ | ✓ |
| Tree View | ✓ | ✓ | ✓ |
License
MIT License.
Resources
GitHub - chakra-ui/ark: A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.
A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks. - chakra-ui/ark
chakra-ui
