React components with forms built in

GeckoUI is a library of 40+ accessible, typed React components. Every input works with react-hook-form, and every color is a CSS variable you can change.

Get started Browse components

Create an account

Start your 14-day trial. No card needed.

Notifications

Choose what you hear about.

Product updatesNew features and releasesSecurity alertsSign-ins from new devicesWeekly digestA summary every Monday

Uploads

design-tokens.jsonUploading

72%

hero.pngDone

Brand color

Every component reads the same CSS variables. Pick one.

:root {
  --color-primary-500:
    oklch(0.62 0.19 260);
}

Team members

Invite your team to collaborate.

Ada Lovelace
[email protected]
Owner
Grace Hopper
[email protected]
Admin
Alan Turing
[email protected]
Member

Two-step verification

Enter the 6-digit code from your app.

Order #1042

Arriving Thursday.

Quantity

Delivery window

2/5

Everything a product UI needs, nothing to wire up

Forms built in

Every input has a react-hook-form version that registers, validates and shows its own error.

Themes are CSS variables

Set --color-primary-500 in any color format and every component follows. Dark mode is one class.

Accessible by default

Keyboard navigation, focus management and ARIA attributes come with every component.

Typed end to end

Props, events and refs are fully typed, so your editor shows what each component accepts.

Style with plain CSS

Each part has a stable class and data attributes. Override what you need and keep the rest.

Ready for AI agents

Install the GeckoUI skill and your coding agent gets the real API, variables and class names.