Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.
B2B landing hero with fleet numbers, Net 30 terms, the total repair spend, and the account rep named.
A dated 20 percent trade in credit bonus with the demand side reason published inline.
Product and honest condition in, the credit out, regrades only ever go up.
Trade in offers grid of owned products with a standing quote on each, one trade already in progress, and three grading rules printed below.
Application to first order in four real durations, 6 day median at the foot.
Four perks argued from the professional's economics, downtime is our problem.
The logged in B2B header with tier, rep, terms, and the Friday cutoff.
A two column portal preview pairing three account features with a static fleet dashboard showing repair stages, fleet counts, and a reorder row.
A two column trade terms section pairing five payment and ordering terms with a static invoice mockup showing the discount and net 30 in practice.
The B2B product page with volume bands, one fleet spec change stated, Net 30 terms, and an order pad CTA.
Two product cards side by side above a spec table with the price delta itemized, an honest downside row, and a button per choice.
A two column comparison table setting retail against a trade account across seven rows, with a lede and a closing note on the identical guarantee.
Visitor acquisition split as a shadcn donut beside strategy notes per source.
Transfer-ownership dialog with a member Select, two named consequence rows, a type-to-confirm input, and the irreversible-without-them note.
A heading and lede, a two segment legend, then a two column list of languages with reviewed percentages, progress bars, and string counts.
Translation progress panel listing each language with a percent complete bar, exact string counts, and a Live, Preview, or Draft status badge.
Translation string table with mono keys, source English, French target, and Translated, Fuzzy, and Missing status badges with a per-row edit action.
A drawn translation screen with locale rows, review chips, and a send blocked footer.
A background-free header with the studio name on the left and anchor links on the right, designed to float over a hero section.
Trash table listing deleted files with deleter, deletion time, days until permanent removal, and per-row restore and delete-forever actions.
Hierarchical cost center table with expand chevrons, indented child rows, and rolled-up budget totals per parent.
Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.
Trial status card showing days remaining, what happens at expiry, an add payment method CTA, and an explicit no silent charge pledge.
Trial expired gate stating the end date, side by side lists of what stays read only versus what is paused, the plan price, and export.
A trial card with a day meter, a ruled list of what the team set up, an end date outcome, and an add payment action.
A single plan card with a flat price and feature list beside a vertical timeline walking through each day of a 14 day trial.
Self serve trial and guided demo as equal doors with terms lines and separate buttons.
Automations index with ruled rows summarising each automation as trigger to action text, a live Switch, last run time, and run count.
A triptych gallery where each work is a row of three tall panels under a title and edition line, with one shared caption beneath.
Two days at a stockist announced as a wide bordered band with what is coming stated as three plain tile facts.
Four document cards with updated dates and honest action links for security reviewers.
A compact single-line strip of five client wordmarks with a small uppercase label, placed beneath a hero to add proof without interrupting page flow.
A hero leading with security badges, certifications, and partner logos. Reassures cautious buyers at the top of a landing or enterprise sales page.
A band of proof points like uptime, customers, and ratings in one row. Use it near a signup form to reassure visitors and lift their confidence.
An asymmetric split pairing one deep discipline, unpacked as a ruled card of facets, with a breadth column of two labeled skill chip groups.
A tutorial card with a title, summary, and step, time, and level chips.
A swipeable carousel of tweet cards with author, timestamp, and text. Rotate through recent posts or testimonials without stacking them down the page.
A centered band with a heading and two equal-weight buttons offering distinct paths for visitors browsing work and visitors ready to reach out.
A form split into two columns of fields with a shared header and footer actions. Use it for longer profiles or billing details that fit a wider screen.
A split layout with company text on one side and an image on the other. Use it on an about page to balance a short story with a clear visual.
A contact form on the left balanced against a ruled detail list of email, location, timezone, availability, and social links on the right.
A two-column FAQ with a heading and quick-facts strip on the left and a five-question accordion on the right in a balanced split layout.
A two-column photo layout with six captioned frames at mixed aspect ratios that lets a photographer contrast subject, light, or location side by side.
A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.
A two-column CV with a main experience and education column and a fixed sidebar for skills, contact, and brand icon links.
A two-column skills layout grouping chips by project phase across Research, Design, Systems, and Delivery columns.
An alternating two-column project list pairing a Placeholder image with a paragraph writeup, role, and year for each engagement.
A dense case study section with the project narrative split across two prose columns and a four-figure result strip below.