Ready-to-use components curated and voted on by the community.
A volume control built from a styled native range input with step marks.
Controlled one-plan radio group with disabled Enterprise.
A six-digit sign-in code entered in a daisyUI OTP field and checked locally.
An email input with a daisyUI floating label that rises when the field has a value.
Local controlled email validation with error focus recovery.
A framework filter built from daisyUI filter radio buttons with a reset control.
A styled native file input for a profile photo that lists the chosen file locally.
A billing address fieldset with a legend, labelled inputs and helper text.
Controlled checkbox preference with disabled companion.
A booking calendar using daisyUI's calendar styles on react-day-picker, with month navigation and an unavailable weekend rule.
A feedback Textarea that grows with its content and counts the remaining characters.
A recipients field where Tags Input turns typed addresses into removable tags.
Controlled switch preference with disabled companion.
A labelled monthly budget slider with value text and marks at key amounts.
A framework picker built from Select with a styled trigger, indicator and checked items.
A calendar view segmented control with a sliding indicator and keyboard navigation.
A full Tiptap rich text editor built from the Chakra UI composition: toolbar controls for text style, font, formatting, headings, lists, links, alignment, colour and highlight, with @mention and #tag menus.
A half-star capable rating group with a label, hidden input and a live summary.
A delivery speed picker where the decorative Radiomark mirrors visually hidden native radios.
Controlled one-plan radio group with disabled Enterprise.
Delivery speed radio cards with labels, descriptions and a disabled option.
A six-digit one-time code field with numeric-only entry, paste support, completion check and clear action.
A new-password field built from the Chakra UI Password Input composition, with a visibility toggle and a four-step strength meter.
A labelled ticket quantity with stepper triggers, limits and a live total.