Build UIs at Velocity
A modern, accessible React component library. Zero config, CSS Modules scoped styles, full TypeScript support. Drop it in any project and go.
$ npm install https://git.cameronlow.com/cam/VelocityUI/packagesEverything you need
Carefully crafted components, ready to ship.
Button
Triggers actions with multiple variants, sizes, and a loading state.
Input
Text input with label, hint, error state, icons, and multiple sizes.
Textarea
Multi-line text input with label, error, hint, and resize control.
Select
Styled native select with custom arrow, label, error, and size variants.
Checkbox
Custom-styled checkbox with label, description, error state, and sizes.
RadioGroup
Accessible radio group with fieldset, legend, descriptions, and orientations.
Switch
Toggle control with track and thumb animation, label, description, and sizes.
Display Heading
Section Title
Primary Color Title
Title
Semantic headings with size scale, weight, alignment, and color variants.
Badge
Status labels with dot indicators, multiple variants, and sizes.
Alert
Notification banners with four semantic variants, icons, and dismiss button.
Card Title
Subtitle or metadata
Card body content goes here.
Card
Flexible container with compound Header, Body, Footer slots and hover effects.
Confirm action
This cannot be undone.
Are you sure you want to delete this?
Dialog
Modal dialog with focus trap, Escape close, compound parts, and sizes.
Overview tab content is shown here.
Tabs
Accessible tab navigation with keyboard support and three visual variants.
A modern, accessible React component library.
Accordion
Collapsible sections with smooth animation, multiple mode, and three variants.
Tooltip
Hover/focus tooltip with four placements, delay support, and ARIA wiring.
Divider
Horizontal or vertical separator with an optional centered text label.
Why VelocityUI?
Built for developers who care about quality and speed.
Zero Config
No Tailwind, no CSS-in-JS runtime, no configuration needed. Import and use.
TypeScript First
Every component ships with full TypeScript types, props interfaces and JSDoc hints.
Named Theme System
One class on body applies a full visual identity — colors, surfaces, shadows. Switch themes at runtime.
Accessible by Default
Built with ARIA attributes, keyboard navigation and focus management baked in.
Tree-Shakeable
ESM build with sideEffects: false. Only pay for what you import.
Compound Components
Composable APIs like Card.Header, Card.Body, Card.Footer for maximum flexibility.