Skip to content
All collections
Utility Craft Interface Elements collection cover

Utility Craft Interface Elements

Approved

AI Kit component set · 8 components

Open AI Kit

Compatibility has not been verified for this collection.

Editorially reviewed. Approval does not certify installation or accessibility.

8 focused elements for Utility Craft: buttons, toggles, search, nav, tabs, cards, panels, layouts.

8 componentsby Frontend Forever

8 components in this collection

Collection order
Copy classes ↗ Open playground +

Utility Craft — action buttons

Frontend Forever's avatarFrontend Forever
Dark mode Apply the dark variant utilities to this preview.

Utility Craft — state toggles

Frontend Forever's avatarFrontend Forever
⌕ ⌘ K

Utility Craft — search surfaces

Frontend Forever's avatarFrontend Forever
Tailwind CSS Docs Components Playground

Utility Craft — product navigation

Frontend Forever's avatarFrontend Forever
CSS Components Playground CSS utilities selected.

Utility Craft — switching tabs

Frontend Forever's avatarFrontend Forever
Container queries Responsive to parent size Utility @container ready Docs

Utility Craft — focused cards

Frontend Forever's avatarFrontend Forever
Class sorting Order utilities whenever you save. Prettier plugin On

Utility Craft — explanation panels

Frontend Forever's avatarFrontend Forever
Tailwind CSS Docs Components Playground Workspace Utility workspace Documentation beside the responsive preview.

Utility Craft — responsive layouts

Frontend Forever's avatarFrontend Forever
Utility Craft Interface Elements - Frontend Forever