25 components
Each one below is the real component, rendered right now by a real shop running on Coready — not a screenshot. Open any of them to change its content, try the palettes and the dark theme, and see it at phone, tablet and desktop width.
A centred headline over a soft panel, with a call to action.
Eyebrow label
Short supporting sentence that explains the heading above it and gives the reader a reason to keep going.
A headline and call to action beside a large image.
Eyebrow label
Short supporting sentence that explains the heading above it and gives the reader a reason to keep going.
A block of formatted text (Markdown).
A paragraph of body copy. Write as much or as little as you like — this block takes Markdown, so you get headings, bold, italic, links and lists without leaving the page.
A slim promotional strip with an optional link.
Show a PDF inline, with a download link.
A heading + a responsive grid of cards (features, categories, steps, reviews…).
Short supporting sentence that explains the heading above it and gives the reader a reason to keep going.
A grid of products from a product list, category, or manual selection.
Loads its products in the browser, so it fills in a moment after the page appears.
Catalog navigation — the category tree or a flat list of top-level categories.
Products of the selected category, with sorting, view switch, and paging.
Eyebrow label
Short supporting sentence that explains the heading above it and gives the reader a reason to keep going.
Products in this categoryLoading…
The product's images, with thumbnails.
The product's name, with its article number above it.
SKU SMP-1001
The product's description text.
A paragraph of placeholder body copy, long enough to show how the component handles a real run of text rather than a single line. It says nothing in particular on purpose. A second paragraph, for the same reason.
The price for the chosen quantity, options and variant.
The quantity stepper, the add-to-cart button and the minimum-order notices.
The product's options — sizes, materials, finishes.
| Option | Price | |
|---|---|---|
| Small | 19,00 USD | |
| Medium | 19,00 USD | |
| Large | 19,00 USD |
The size × height grid, for products that have one.
Shown empty here: no product in the shop this page renders against has a size × height grid. On a catalogue that does — workwear, footwear, print sizes — this draws the grid with a quantity box in every cell.
Phones, emails, addresses, opening hours and socials, as cards.
Phone
Address
Opening hours
An invitation to get in touch, with email, phone and catalog buttons.
Short supporting sentence that explains the heading above it and gives the reader a reason to keep going.
A second paragraph, for anything the first one left out.
An embedded map. Uses the storefront's Google Maps link unless you give another.
The article list for one of your blogs, with an optional category sidebar.
Eyebrow label
Short supporting sentence that explains the heading above it and gives the reader a reason to keep going.
A paragraph of placeholder body copy, long enough to show how the component handles a real run of text rather than a single line. It says nothing in particular on purpose. A second paragraph, for the same reason.
Read article →A paragraph of placeholder body copy, long enough to show how the component handles a real run of text rather than a single line. It says nothing in particular on purpose. A second paragraph, for the same reason.
Read article →A paragraph of placeholder body copy, long enough to show how the component handles a real run of text rather than a single line. It says nothing in particular on purpose. A second paragraph, for the same reason.
Read article →Whole pages, ready made. Each replaces the blocks you would otherwise arrange yourself — drop one on a page and you have the catalogue, the contact page or the product page the theme ships with.
The whole catalog: categories, products, sorting and paging.
Products in this category
0,19 USD
Options available
0,26 USD
Options available
0,33 USD
Options available
0,54 USD
Options available
0,61 USD
Options available
0,68 USD
Options available
Showing all 6 products
Contact details, opening hours, map and enquiry form in one block.
Sample Shop
Phone
Address
Opening hours
Nothing to set up — it renders your own catalogue and contact details.
The theme's own landing page, as a single block.
A simple start for your online store
Use this theme as a clean foundation: add categories, connect your catalog, and build a customer cart in just a few steps.
Organize categories and products with a clean structure.
Cart and checkout are already set up for your flow.
Nothing to set up — it renders your own catalogue and contact details.
The theme's own product page: gallery, summary, options and buy button.
SKU SMP-1001
A paragraph of placeholder body copy, long enough to show how the component handles a real run of text rather than a single line. It says nothing in particular on purpose. A second paragraph, for the same reason.
| Option | Price | |
|---|---|---|
| Small | 19,00 USD | |
| Medium | 19,00 USD | |
| Large | 19,00 USD |
Nothing to set up — it renders your own catalogue and contact details.
Every component here is edited on your own site, on the page you are looking at. There is nothing to install and no theme to buy.
Create your store