React + Ariakit + Tailwind, minus the boilerplate.

Own the Code.
Shape the Experience.

Own your code with clean, accessible components built on Tailwind and Ariakit — no packages, no versioning pain.

Accessible by default

Built on top of Ariakit so focus states, keyboard navigation, and ARIA labels are taken care of on day one.

Dedicated CLI workflow

Copy ready-to-ship components straight into your repo. No lock-in, no waiting on package updates.

Composable building blocks

Layer components together without rewrites. Start with the defaults, extend when you need to.

Modern, minimal styling

Thoughtful spacing, motion, and state styles that feel at home in any contemporary product UI.

Install with one command

npx @nocta-ui/cli init
npx @nocta-ui/cli add button card badge

The CLI pulls accessible, production-ready components straight into your project - no packages, no lock-in.

Built with

Ariakit logoTailwind logo

Ariakit handles accessibility primitives while Tailwind keeps styling iterative and flexible.

Official Cool Now

We built our UI library on top of Ariakit — and when its creator noticed it, he had just two words to say. Sometimes, that’s all you need.

Frequently Asked Questions

We know you’ve got questions — probably the same ones everyone else had. Let’s save you some time.

Enjoying Nocta UI? Help us grow.

Starring the repository on GitHub keeps the project healthy and shows the community that Nocta UI matters to you.