Beautifully styled, fully accessible components for the modern web, built on Headless UI and Tailwind CSS.

Styles ship precompiled, so your app doesn’t need Tailwind. Theme everything with CSS variables. Available for React and Vue.

pnpm add github:vindotski/vinui#path:packages/react

Dropdown menus with robust support for keyboard navigation.

A custom select menu whose options can contain icons and rich content.

An input with a filtered list of suggestions, filtering included.

A toggle for switching between on and off states.

No. The styles ship precompiled in one CSS file.

Show and hide content, for things like FAQs.

A modal dialog with focus trapping and scroll locking.

Floating panels for navigation menus, mobile menus and flyouts.

Startup

12GB · 6 CPUs

Business

16GB · 8 CPUs

Enterprise

32GB · 12 CPUs

Choose one option from a list, with labels and descriptions.

Does drinking coffee make you smarter?

Tabbed interfaces with keyboard navigation, horizontal or vertical.

Fade, scale and slide effects, with no animation CSS of your own.

Comments

When someone comments on a post.

Offers

When a candidate accepts an offer.

Checkboxes with labels, descriptions and an indeterminate state.

Name

Country

Form fields with labels, help text and errors wired up for screen readers.

Components