Independent by design. Open source by default.

Good interfaces.
Built at velocity.

React components with a considered point of view. Start with beautiful defaults, make the theme yours, and get straight to building.

npm install @velocityuikit/velocityui
React 18+ TypeScript MIT licensed
A project by Cameron Low
A little room to focus.Live components
Your next releaseA fresh start, already taking shape.

Good things, in progress.

1/3 complete
Build something worth sharingYour next project
To do
Make the details feel rightDesign system
To do
Start with a good foundation46 components, ready to use
Done
Built with VelocityUIEnter to add

Try the tabs. Complete a task. Add your own.

A small dependency.
A big head start.

46Components
10Built-in themes
19Page examples
0Extra runtime dependencies
The building blocks

Small details. Big difference.

Real components, ready to explore. Try the states, then take the code.

All 46 components
Buttons
Inputs & forms
PublishedIn progressIn reviewDraftNeeds attention
Badges & status

Everything in its right place.
A clear view of what matters.

Tabs & navigation
+26 people, one good idea.
Avatars
Your next big thing72%
A little closer with every component.
Progress & feedback
Your product. Your personality.

A different feel. The same foundation.

Explore ten themes and three densities. Take your favorite into your project.

Theming guide
01 / Choose your paletteDefault
02 / Set your spacing

Your choices apply across the site and stay saved in this browser.

Live previewDefault

A space for your next idea.

Thoughtful defaults. Entirely your own.

Keep me in the loopProduct news and project updates.

An interactive preview, built with VelocityUI.

Your theme, ready to use
import '@velocityuikit/velocityui/dist/style.css'

// Apply to your root layout, or scope to a section.
<div className="vui-theme-default vui-density-comfortable">
  {/* Your components */}
</div>
Built for the way you work

Less setup. More possibility.

The essentials, thoughtfully put together.
So you can focus on what makes your product yours.

Fits your stack

React and TypeScript. Scoped CSS Modules. A familiar API that stays out of your way.

Your visual language

Ten themes, three densities, and CSS variables for the details that make it yours.

Considered interactions

Keyboard navigation, visible focus, accessible labels, and respect for reduced motion.

Only what you need

Tree-shakeable JavaScript with no third-party runtime dependencies beyond React.

From pieces to possibilities

A head start on your next screen.

Explore complete layouts built with the same components.

All examples
Make something good.

Your next idea starts here.

One install. A whole new starting point.

Start building Building with AI? Grab the agent guide