Advanced Form
Free example
A multi-step form that keeps people moving, with field validation, conditional inputs, and saved drafts.
Try Advanced FormStart with the
working parts.
Forms, tables, workflows, and all the little interactions in between. 15 copy-paste components for your next web app.
HTML, CSS & JavaScript. Your app. Your backend.
See the details
come together.
Move a task, open its details, and filter your board. See the interactions before you integrate.
Built for the web you already use.
Plain HTML · Server-rendered apps · Framework DOM islands
Try the real thing.
These two are on us.
Click through the states. Make a few changes.
Get a feel for how Functional UI works.
CRUD Manager
Free example
Create, search, edit, and delete records. Try filters, bulk selection, and the details that make admin work flow.
Try CRUD ManagerKeep exploring on your own machine.
Download both free examples Browser demos · Sample data · No signupThe rest of your app,
already taking shape.
13 more components in the full pack.
Watch each one in action.
Kanban Board
12 secMove work into progress · Open the task editor · Return to the board · Filter the board.
Calendar / Scheduler
16 secSwitch to the week view · Scan the agenda · Create a new event · Enter event details · Return to the calendar.
File Manager
12 secSwitch to the grid view · Explore a folder · Return to your files · Preview a document.
Inbox / Messages
16 secOpen a conversation · Draft a reply · Filter unread messages · Compose a new message.
Data Explorer
12 secSort the records · Select records in bulk · Choose visible columns · Filter by role.
User Management
12 secSearch the user directory · Inspect user access · Return to the directory · Open the invitation form.
Onboarding Flow
14 secStart the onboarding flow · Add profile details · Continue to workspace setup · Review the next step.
Settings Panel
12 secExplore appearance settings · Preview the dark theme · Restore the light theme · Manage notification preferences.
Advanced Search
14 secSearch workspace content · Browse matching results · Explore search filters · Return to all content.
Command Palette
13 secOpen the command palette · Find an action instantly · Run the selected command · Navigate with the keyboard.
Notification Center
12 secOpen notifications · Focus on unread updates · Mark an update as read · View mentions.
Activity Feed
13 secFocus on unread activity · Inspect event details · Browse all activity · Search the timeline.
Dashboard Shell
11 secCollapse the navigation · Expand the navigation · Open account controls · Return to the workspace.
Keep your stack.
Skip the blank canvas.
Take the component you need, load the shared styles, and connect your data. You own the application around it.
Choose your starting point
Pick from 15 focused components, each with its own markup, styles, behavior, and documentation.
Make it feel like your product
Shared theme tokens keep light and dark themes consistent. Adapt the content and configuration to your use case.
Connect it to your application
Use plain HTML or an isolated DOM island in your framework. Wire persistence, authentication, and delivery to your own backend.
Your next build
starts further ahead.
Bring the working pieces together.
Get the complete Functional UI component pack.
- All 15 UI components
- Editable HTML, CSS, and JavaScript
- Shared light and dark theme foundation
- Component docs and integration examples
$79Launch offer
For the first 10 purchases. The price goes up after that.
Try the free examplesStripe checkout is coming soon. Explore the free examples today.
A few things
worth knowing.
What am I getting?
A pack of 15 web UI components with markup, styles, browser-side behavior, documentation, and integration examples. Advanced Form and CRUD Manager are available here as free browser examples.
Do I need a particular framework?
The canonical files work in plain HTML and server-rendered applications. For React, Vue, Svelte, and other frameworks, use the optional DOM-island integration so the component owns its own section of the page. Components may use Alpine.js; server-driven examples may use HTMX.
Does the pack include a backend?
The pack includes integration examples, not a hosted backend. Connect your own persistence, authentication, authorization, uploads, and message delivery. These previews use sample data; browser changes do not create a production service.
How does the launch price work?
The first 10 purchases are $79. The price will rise after those purchases. The later price has not been announced. Payments are processed by Stripe.
Can I try it before buying?
Yes. Open Advanced Form and CRUD Manager above, or download both browser examples without signing up. The other 13 components have short interaction videos on this page.