Starter templates

Components in this family

• Simulate your loan

  Amount: $24,000.00Term12 months24 months36 months48 months

  36 payments of $824.93Total paid: $29,697.60 · 1.2% interest a month

  Get a proposal

  Loan simulator

  A calculator with a range, a list of terms and two languages.

  <finance-simulator>

• Build your quote

  • Landing page$1,500.00 each
  • Blog post$300.00 each
  • Logo$900.00 each

  Subtotal

  $2,100.00

  10% discount

  −$210.00

  Total

  $1,890.00

  3 items

  Request this quote

  Budget calculator

  Pick items and quantities and see a running quote.

  <budget-calculator>

• Get a quote

  1. Project
  2. Details
  3. Contact
  4. Review

  Step 1 of 4: Project

  What do you need?

  Landing pagefrom $800.00One page that explains an offer.Company websitefrom $2,400.00Several pages, one design.Online storefrom $4,200.00Catalog, cart and checkout.

  Next

  Quote wizard

  Four steps, a live estimate and a request for a quote.

  <quote-wizard>

• Pick a plan and see the price

  Example plans and prices, for demonstration only.

  MonthlyAnnualSave 20%

  Choose a plan

  Starter$19.00 / monthFor a first site.

  • 1 site
  • 3 components
  • Community support

  Team$49.00 / monthFor a small team.

  • 5 sites
  • Unlimited components
  • Email support

  Studio$119.00 / monthFor agencies.

  • 25 sites
  • Unlimited components
  • Shared workspaces

  Add extras

  Priority support+$15.00 / monthFive extra seats+$10.00 / monthCustom domain+$8.00 / month

  Your estimate
  $49.00 per month
  Billed every month

  Continue with Team

  Team, billed monthly: $49.00 per month with no extras.

  Pricing configurator

  Sample plans, monthly or yearly, with extras and a total.

  <pricing-configurator>

• What could it return?

  A model built on the assumptions below, not a forecast or a promise. The numbers are examples.

  Visitors per month

  20,000

  Conversion rate

  2%

  Average order value

  $60

  Expected uplift

  15%

  Return on investment

  254%

  Break-even

  2.5 months

  Net result after 12 months

  $28,400

  Show the data as a table

  Projection by month, in USD

  Month	Extra revenue	Cost	Cumulative
  0	$0	$4,000	-$4,000
  1	$1,200	$600	-$3,400
  2	$2,400	$600	-$1,600
  3	$3,600	$600	$1,400
  4	$3,600	$600	$4,400
  5	$3,600	$600	$7,400
  6	$3,600	$600	$10,400
  7	$3,600	$600	$13,400
  8	$3,600	$600	$16,400
  9	$3,600	$600	$19,400
  10	$3,600	$600	$22,400
  11	$3,600	$600	$25,400
  12	$3,600	$600	$28,400

  Assumptions: setup cost $4,000, monthly cost $600, the full uplift is reached in 3 months.

  Reset the numbers

  Return calculator

  Work out what a change could return, with a chart and a table.

  <roi-calculator>

• Which feature should we build first?

  Dark mode Mobile app WhatsApp integration

  Vote

  Quick poll

  One question, a few options and a vote that is counted.

  <quick-poll>

• Tabs or spaces?

  Tabs 0% · 0 votesSpaces 0% · 0 votesWhatever the formatter says 0% · 0 votes

  Vote

  0 votes in total

  Live poll

  Result bars that animate as the numbers change.

  <live-poll>

• Take the quiz

  Question 1 of 3

  A free Saturday is coming. What do you do first?

  Pick one big task and finish itMake a short listWander and see

  Next

  Quiz

  One question per screen and a result chosen by the answers.

  <quiz-result>

• How likely are you to recommend us to a friend?

  012345678910

  Not likelyVery likely

  Feedback collector

  A rating, a follow-up that depends on it and an optional comment.

  <feedback-collector>

• Questions

  Does it slow my page down?

  The loader is async and tiny; nothing blocks your own load.

  Can I go back to an older version?

  Who owns the data?

  FAQ accordion

  Questions that open and close, built the accessible way.

  <faq-accordion>

• BeforeAfter

  Drag the handle, swipe, or use the arrow keys. Illustration drawn in code.

  Before and after slider

  Drag a handle to compare two images.

  <before-after-slider>

• Browse the collection

  ‹›

  New

  Seasonal

  Guide

  Gifts

  Events

  Workshops

  Read

  Journal

  Showing cards 1 to 3 of 4

  Card carousel

  Cards that slide, with buttons, dots, keys and swipe.

  <card-carousel>

• Launching soon

  11days

  21hours

  00minutes

  00seconds

  Launch countdown

  Count down to a date, then show a message or a button.

  <launch-countdown>

• Orders

  Order	Customer	Status	Date▼	Amount
  ORD-1068	Indigo Canyon Studio	Paid	Oct 26, 2026	$219.32
  ORD-1023	Cedar Meadow Studio	Failed	Oct 22, 2026	$78.92
  ORD-1112	Cedar Compass Supply	Paid	Oct 22, 2026	$334.03

  Showing 1 to 3 of 120 rows

  Synthetic data generated in code: not real orders, customers or products.

  Data table

  Search, filter, sort and page through rows.

  <data-table>