Skip to content

Collections

Curated sets of UI components handpicked by our team.

Collections reviewed and approved by the Frontend Forever team.

13 focused elements for Borderless Ledger: buttons, inputs, selects, forms, nav, tabs, cards, lists, tables, alerts, badges, steps, auth.

by Frontend Forever
Send money ↗ Compare rates Ready for review · branch /signal
0
59
You send exactly 12/24 The recipient amount updates with the selected currency.
0
54
Send currency GBP · British pound EUR · Euro USD · US dollar Recipient gets the shown amount
0
53

14 focused, responsive interface elements mapped to Webflow's observed product workflows and visual language.

by Frontend Forever
Release actions / Flowframe Publish the launch page One explicit public handoff and one quieter preview keep the builder’s next move obvious. Publish page Open preview ••• Ready for a final review.
0
21
Site brief / Flowframe Start a site brief Give the visual builder an outcome, audience, and content direction before the canvas opens. Project name First outcome Make the launch story easier to scan. Create brief Clear No brief created yet.
0
30
Workspace search / Flowframe Find a page or collection Search projects, pages, and CMS content without leaving the build context. ⌕ ↗ Launch site Edited 4 minutes ago ▦ Homepage Edited yesterday ◌ Archive / 2026 12 pages 3 projects available.
0
28

17 focused, original interface elements for the unofficial v0-inspired system, retained only where the live workflow provides a concrete use case.

by Frontend Forever
Composer actions Ready the next build Draft Keep one decisive action in reach and leave the alternate path quiet. Generate preview ↗ Save as idea Nothing queued yet.
0
54
Prompt input Describe the useful part Build brief Specific beats verbose. 0 / 120
0
57
Project handoff Share a build brief Project name Review partner Send handoff No handoff sent.
0
83

A focused set of 13 question-flow elements for building, answering, analyzing, and activating conversational forms.

by Frontend Forever
Typeform workflow Ready Launch the next question Start the form or preview the respondent path before you publish it. Buttons Launch form Preview response ✦ 12 responses are ready to review Designed for a focused typeform question flow moment.
0
29
Typeform workflow Ready Write the next question A single, well-labeled input keeps the builder focused on the respondent experience. Inputs Form title × Designed for a focused typeform question flow moment.
0
25
Typeform workflow Ready Make the question adaptive Turn conversational logic on when a response should change what comes next. Toggles Guest responses Allow invited people to add context Live cursors Show where teammates are moving Designed for a focused typeform question flow moment.
0
23

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

by Frontend Forever
Get started ↗ Browse components Ready to compose · utility-first
0
44
Use dark mode Preview dark tokens without leaving the markup. Dark mode is on
0
50
⌕ Tokens color roles Focus keyboard states Motion reduced motion 3 notes available
0
53

13 focused, responsive interface elements mapped to Superhuman's observed product workflows and visual language.

by Frontend Forever
Mail actions / Focusline Move the message forward Send, reply, archive, and snooze should remain explicit and close to the thread. Publish page Open preview ••• Ready for a final review.
0
22
Compose input / Focusline Write the next line Keep subject or reply entry focused, labeled, and close to the message context. Page title Shown in the project index 12 / 48 Title is ready to use.
0
24
Compose form / Focusline Draft a clear message Recipient, subject, and body belong in one compact writing surface. Project name First outcome Make the launch story easier to scan. Create brief Clear No brief created yet.
0
22

Eleven focused, theme-aware elements mapped to the live Supabase product language and its most reusable workflows.

by Frontend Forever
Start a project ↗ Explore platform ••• Ready for the next product decision.
0
29
Project reference Lowercase letters and hyphens only. Ready for the next product decision.
0
25
Project name First data surface US East EU West AP South Create project Ready for the next product decision.
0
38

9 focused, responsive elements for Stripe-inspired payments, billing models, and revenue infrastructure.

by Frontend Forever
Revenue action Start the checkout rollout Move a payment flow from setup to the next confident action. Mark ready ↗ Share update More Snooze until tomorrow Copy handoff link
0
38
S Commerce rail Overview Work Signals Open workspace ☰ Overview Work queue Signals
0
29
Product menu Choose a revenue capability Let a large payments taxonomy stay discoverable without competing with the CTA. More actions ⋯ Assign to Mina ⌘ A Copy issue link ⌘ C Archive issue ⌘ ⇧ A
0
41
1 / 7