Ctrl K

BUILD & EXPLORE / FORMS

Great forms start here.

Thoughtful inputs, useful patterns and complete flows. Ready for your next application.

HTML5 + Tailwind CSS 4

13 focused sectionsFrom the first input to the final submit.

Working examplesExplore states, feedback and interactions.

One consistent themeDesigned for light, dark and RTL layouts.

Basic elements

Text fields, input groups, floating labels and control states.

Explore examples →02

Form select

Native selects, grouped options, sizes and dependent choices.

Explore examples →03

Checkboxes & radios

Selection cards, switches and grouped preferences.

Explore examples →04

Pickers

Calendar, date ranges, time and color selection.

Explore examples →05

Input masks

Guided phone, reference, date and numeric input.

Explore examples →06

Advanced inputs

Tags, password visibility, counters and repeatable fields.

Explore examples →07

Range sliders

Single, stepped and bounded price-range controls.

Explore examples →08

Validation

Inline errors, error summaries and accessible feedback.

Explore examples →09

Form wizard

A validated, three-step project setup with a final review.

Explore examples →10

Editors

Rich text formatting, HTML preview and content export.

Explore examples →11

File uploads

Drop files, check size/type and preview a local queue.

Explore examples →12

Form layouts

Vertical, horizontal, grid, inline and floating-label forms.

Explore examples →13

Enhanced select

Select2-style searchable, keyboard-friendly HTML selections.

Explore examples →

Designed to become part of your application

Each example keeps its state local and demonstrates clear feedback.

Form submissions and file queues are interactive demos. Connect your application’s API to store data or upload files. Enhanced selects use React components with search, tags and keyboard controls.