Zero One Group UI

Zero One Group UI (Zero UI) is a modular, extensible, styleable React components library from Zero One Group, built on Ark UI and Tailwind CSS and distributed as a monorepo that also targets Flutter. The project is open-sourced under Apache License 2.0 and is currently in WIP alpha status, with over 30 ready-to-use components listed on the repository page.

What is Zero One Group UI?

Zero One Group UI is a React component library that combines the headless primitives of Ark UI with the styling convenience of Tailwind CSS. It takes the shadcn/ui approach — components are designed to be copied into your own project and customized — and enhances it with Tailwind Variants for more flexible class composition. The library is maintained by Zero One Group, which provides a website, blog, Twitter, LinkedIn, and an npm organization at @01group-ui. The monorepo also includes a Flutter UI library, though the Flutter side is marked as work in progress.

Key Features

• Headless, accessible primitives — Components are built on Ark UI, which handles keyboard navigation, focus management, and ARIA attributes, leaving styling to you.
• Tailwind CSS styling with Tailwind Variants — Each component defines its variants through tailwind-variants, making it easy to extend or override styles with standard Tailwind classes.
• shadcn/ui foundation — The component structure follows shadcn/ui conventions, so the source is yours to modify; the main difference is the styling implementation.
• Monorepo for React and Flutter — The same repository tracks both a React library and an alpha Flutter UI library, allowing design alignment across web and mobile.
• 36 implemented components — The checklist currently includes Accordion, Alert, Alert Dialog, Aspect Ratio, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Collapsible, Dialog, Divider, Heading, Hover Card, Input, Label, Pagination, Popover, Progress, Radio Group, Separator, Sheet, Skeleton, Slider, Spinner, Squircle, Switch, Table, Tabs, Text, Textarea, Toast, Toggle, Toggle Group, and Tooltip.
• Clear roadmap — Calendar, Carousel, Chart, Command, Context Menu, Drawer, Dropdown Menu, Form, Input OTP, Resizable, Scroll Area, Select, and Sidebar are listed as not yet built.
• Adaptations from Catalyst — Heading, Pagination, and Text are explicitly adopted from Catalyst (Tailwind UI), giving responsive font sizing and pagination interactions.
• Open source license — Released under Apache License 2.0, with contributor guidelines and a contact email for contributions.

Who is it for?

• React developers who need accessible UI components without writing all the interaction logic from scratch.
• Design system teams building a shared component library; the monorepo and copy-paste model let you own and customize every component.
• Next.js frontend teams — the library is tagged with nextjs in the repository metadata and works with the Tailwind CSS stack commonly used in Next.js projects.
• Flutter developers looking for a complementary UI kit on mobile, although that part of the monorepo is still alpha.

What can you do with Zero One Group UI?

• Frontend engineers can assemble complete interfaces from the included components, such as a data dashboard using Table, Card, Badge, and Progress, or a settings page using Form inputs, Switch, and Tabs.
• UI/UX developers can customize the look and feel of every component by editing the Tailwind Variants definitions, matching their product's design system without fighting a fixed theme.
• Open source contributors can pick up one of the unchecked components on the roadmap and implement it using the existing patterns, since the repository provides a clear component checklist and contribution guidelines.

How does Zero One Group UI work?

The library follows a copy-paste distribution model similar to shadcn/ui: you take the source of a component into your own project rather than importing a runtime dependency. The source is published under the @01group-ui npm organization, so you can install individual packages as well. Each component uses Ark UI for behavior and Tailwind Variants for styling, meaning the classes are right in the source and can be edited directly.

FAQ

Is Zero One Group UI free?

Yes, the project is open-sourced under the Apache License 2.0, so you can use, modify, and distribute it freely, including in commercial products. The license file is included in the repository.

Which frameworks does Zero One Group UI support?

It is primarily a React component library built on Ark UI and Tailwind CSS, so it works in any React project, including Next.js. The same monorepo also contains a Flutter UI library, but that part is marked as work in progress and not yet stable.

How do I contribute?

The repository lists a contributor guideline and asks potential contributors to start by emailing [email protected]. You can also review the open component checklist to see which parts of the library still need work.

Are all components ready to use?

No, the repository shows 36 components as implemented and 13 as not yet available. The checked components, such as Button, Card, Dialog, and Tabs, are ready for use, while Calendar, Carousel, Chart, and others remain on the roadmap.