Nacre

Short verdict: Nacre ships the selling flows a skincare brand needs already designed: a routine builder with bundle pricing, a skin-type quiz, subscribe-and-save and a full checkout screen. None of it is connected to a commerce backend, so budget for payments, orders and accounts. It suits a small direct-to-consumer brand or an agency with a backend in mind. It is the wrong buy if you need a store that takes money next week.

How we reviewed it: On 20 October 2026 we used the live Next.js demo on a desktop and on a 390 px phone screen. We built a routine, took the quiz, added products, reloaded the page and went through checkout, then ran Lighthouse 12.8 on the home and product pages. We did not buy the source code, so we can't judge code quality or the Astro edition. Prices, specs and license terms come from the Shadcnblocks site on the same day.

Disclosure: Shadcnblocks, the maker of Nacre, sponsors Tailkits, and our links to it are affiliate links, so Tailkits may earn a commission if you buy through them.

What you get for $79

What we found in the demo

A catalog organized around a routine

The demo sells 18 products: 15 across four steps (Cleanse, Treat, Moisturize, Protect) and three sets. The shop filters by step, by six skin concerns and by four skin types, shows a count next to each option, and can be sorted. One product is marked sold out with a "Notify me" button, so that state is designed too.

Routine builder with bundle pricing

On the home page, shoppers pick one product per step. A side panel keeps the running total and takes 15% off once all four steps are filled: our picks went from $148 to $125.80, with one button to add all four to the bag. This is the part of the template you would least want to build yourself.

A three-question routine quiz

The Find my routine page asks for skin type, the concern to work on first, and how many steps a day (two, three or all four). Answering combination, dullness and two steps returned Vitamin C Serum and Daily SPF 40 with an "Add both · $96" button. The result screen lets shoppers change their answers or start over.

Product pages built to sell refills

Each product page offers subscribe-and-save at 15% off (sent every two months, skip or cancel any time) next to the one-time price. Below it sit a quantity stepper, How to use, Key ingredients and Refills sections, a "Pairs well with" row and a short FAQ. Pages also carry an "eight weeks in" results block that cites a 112-person study.

Bag, checkout and account screens

The bag is saved in the browser (under the key nacre:bag), so it survives a reload. Checkout is a complete page: discount code, a US and Canada address form, standard ($6, free over $60) or express ($15) shipping, and card fields. It states that it is a demo and charges nothing. The account page is an email sign-in screen.

Content pages and mobile

It comes with eight MDX journal articles, an about page, a help page with shipping, returns and contact sections, and privacy and terms pages. On a 390 px screen we found no sideways scrolling, and the menu adds direct links to the four steps. Headings use the Newsreader serif, body text Host Grotesk.

Performance and SEO

One Lighthouse 12.8 run per page, 20 October 2026:

The home page transfers about 0.8 MB, roughly 320 KB of it JavaScript. On mobile, largest contentful paint came in at 3.9 s and total blocking time at 570 ms, so the image-heavy home page is where to optimize first. The product page lost accessibility points for two buttons without names and a skipped heading level, both quick fixes.

Product pages output Product structured data with price and stock status, which Google can use for product results. The same markup carries the demo's ratings (4.8 from 3,120 reviews for the serum). Replace them with your own reviews or remove them before launch: Google only accepts ratings that come from real reviews shown on the page.

What you still have to build

• Payments and orders. Connect checkout to Stripe, Shopify or another provider, and store orders.

• Subscriptions. Subscribe-and-save is designed, but charging every two months needs a subscription billing service.

• Accounts. The sign-in screen needs an auth provider behind it.

• Stock. The sold-out state needs a real inventory source.

• Reviews and claims. Replace the sample ratings, testimonials and the 112-person study with your own, or remove them. Results claims on a real skincare store need evidence behind them.

Pros and cons

Pros

• Routine builder, quiz and subscribe-and-save already work in the browser, including bundle pricing.

• Checkout, account and help pages are included, not left for you to design.

• A strong baseline: 100 for accessibility, best practices and SEO on the home page.

• One $79 purchase covers both Next.js and Astro, and the license allows client work.

Cons

• No commerce backend: payments, orders, subscriptions and accounts are yours to connect.

• Sample ratings in the structured data and sample results claims must be replaced before launch.

• The mobile home page is heavy for a storefront (3.9 s LCP in our run).

• Only the Next.js edition has a public demo, so we could not test the Astro one.

• The design is tightly tied to skincare and beauty.

How Nacre compares

• Vercel Shop, which replaced Next.js Commerce, is free and takes real payments through Shopify, but has a neutral design and no routine builder. Pick it if a working checkout matters more than guided shopping.

• Shadcnblocks Premium ($299 one-time) includes Nacre and 20 other templates. Worth it if you will use two or more of them.

See all e-commerce templates for more options.

Who should buy Nacre

Buy it if you are building a store for a small skincare, beauty or wellness line, want guided shopping and refills from day one, and have a developer who can connect payments and accounts. Look elsewhere if you need a store that takes orders without backend work, or a design for a brand outside beauty.

FAQ

Does Nacre take real payments?

No. The demo checkout has card fields but states that no card is charged. You connect a payment provider such as Stripe or Shopify yourself.

Do I get both the Next.js and Astro versions?

Yes. The $79 purchase includes both editions. We tested the Next.js demo; there is no public Astro demo.

Can I use Nacre for client projects?

Yes. The Shadcnblocks license allows unlimited end products, including sites your clients own. A standard license is for one person; the Team license covers up to 10 people.

Is Nacre included in a Shadcnblocks plan?

Yes. The Premium plan ($299 one-time) includes Nacre and 20 other premium templates.