Open source · Free forever

Components forReact & React Native

77 accessible, good-looking components for web and mobile, plus 54 free developer tools for PDFs, images, JSON and more — everything you need to start building.

npm install @nayan-ui/reactReact
npm install @nayan-ui/nativeReact Native
npm install @nayan-ui/gamesGames
@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

Five things, all free and all open source: components for React and React Native, a video editor that runs in a browser tab, 54 developer tools for PDFs, images, JSON, text and AI code review, and a pack of ready-made games. Start with whichever one you came for.

React components
54React components
React Native components
23React Native components
Free developer tools
54Free developer tools
Ready-made games
50Ready-made games

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.