Open source · Free forever

Components forReact & React Native

77 accessible, good-looking components for web and mobile — styled, themeable and documented, so you can start on the thing you actually set out to build.

npm install @nayan-ui/reactReact
npm install @nayan-ui/nativeReact Native
@nayan-ui/reactLive, not a screenshot

Buttons

Button group

Toggle buttons

Badges

DefaultAccentSuccessWarningDanger

Chips

NewStablev2.1Beta

Why Nayan UI

Everything you need, nothing you don't

Two packages, one design language, and no licence to buy.

77 components, ready to ship

Buttons, forms, tables, dialogs, sheets, menus, date pickers — enough to build a real application rather than a demo. Every one arrives styled, accessible and documented, so the first thing you write is your feature, not a dropdown.

Web and mobile, one API

The same prop names and the same design language on React and React Native, so moving between them costs you nothing.

Accessible out of the box

Keyboard navigation, focus management and screen-reader labels are already handled — not left as an exercise for later.

Looks like your product

Restyle everything from one set of colour tokens — including a dark theme that was designed, not inverted. Or override a single instance with a utility class.

Free, and staying free

MIT licensed with no paid tier, no seat count and nothing held back. Use it in client work without asking anyone.

What you get

More than a component library

Four things, all free and all open source: components for React and React Native, a video editor that runs in a browser tab, a pack of ready-made games, and a set of developer tools. Start with whichever one you came for.

React components
54React components
React Native components
23React Native components
Ready-made games
50Ready-made games
Free forever
MITFree forever

Free, and staying that way

MIT licensed, no accounts, no paid tier and no component held back for one. If something is missing, the issue tracker is the place to say so.