Product hero
ExperimentalIntroduce a product with a clear promise and a working preview.
THE RAYDEN LIBRARY
Find your next building block.
Real components. Complete patterns. A closer look at what you can build.
Choose a block or component to explore.
Feature overview
ExperimentalTurn a set of capabilities into a useful, scannable story.
Site footer
ExperimentalA considered last stop, with grouped links and locale preferences.
Site header
ExperimentalNavigation, announcements and workspace controls in a shared header.
Page header
ExperimentalGive a project its context, status and next actions.
Product detail
ExperimentalA closer look at a product, with gallery, options and quantity.
Checkout review
ExperimentalLet people review the details before a final confirmation.
Recent transactions
ExperimentalA readable activity ledger with selectable transaction details.
Create account
ExperimentalA complete registration form, with password guidance and clear feedback.
Task list
ExperimentalA working team checklist with owners, dates and completion.
KPI overview
ExperimentalA clear view of progress, with context behind every number.
Workspace switcher
ExperimentalMove between workspaces without losing your sense of place.
Command palette
ExperimentalOne place to find a page, a preference or your next action.
Product collection
ExperimentalAn image-led collection with working product and quick-add actions.
Notifications
ExperimentalUseful updates, contextual actions, and a way to catch up.
Empty state
ExperimentalGive an empty workspace a useful, welcoming next step.
Application shell
ExperimentalA workspace frame with responsive navigation and room for your product.
Profile settings
ExperimentalPersonal details, editable fields, and a considered save flow.
Searchable table
ExperimentalSearch, sort, and select records in a single working surface.
Sign in
ExperimentalA focused sign-in form with clear input and feedback states.
Pricing plans
ExperimentalCompare plans, switch billing periods, and choose a next step.
Shopping cart
ExperimentalEditable quantities, item removal, and a readable order summary.
Avatar
Give people a recognisable place in an interface.
Badge
Small labels that communicate a meaningful state.
Banner
A shared announcement with a clear next step and dismissal.
Breadcrumb
Show where someone is and offer a path back.
Button group
Related choices, held together in one compact control.
Card
Compose a project summary from a header, content and actions.
Chip
Keep selected tags visible and easy to remove.
Counter
A bounded quantity control with an immediate result.
File upload
Select documents locally, with type, size and count validation.
Pagination
Break a collection into manageable, predictable pages.
Progress circle
A compact view of progress toward a definite finish.
Stepper
Guide a short flow with visible progress and room to go back.
Accordion
Keep helpful detail within reach, one question at a time.
Checkbox
Independent preferences with a clear select-all state.
Radio
A single, deliberate choice from a small set of options.
Toggle
Small switches for preferences that take effect immediately.
Slider
Adjust a value with both a broad gesture and precise steps.
Progress bar
Make progress visible and give completion a clear end point.
Tooltip
A little context, exactly where someone needs it.
Alert
Clear information, useful actions and an easy dismissal.
Button
Clear primary actions and quieter secondary choices.
Input
Labelled text fields with helpful and error feedback.
Select
A focused choice from a labelled set of options.
Date picker
An interactive calendar for choosing a single date.
Tabs
Switch between related views with a shared visual rhythm.
Dropdown menu
Keep contextual project actions close at hand.
Modal
A deliberate pause before an important action.
Table
Readable records with a sortable project column.
No matching examples.
Try a shorter search or choose another category.