Beauty Brand Store
Skincare and beauty brand: hero products, ingredient stories, skin-type quiz, bundle offers.
Install
npx shadcn@latest add "https://webberui.com/r/beauty-brand-store.json?t=<install token>"The whole page lands in app/templates/beauty-brand-store/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Navigation and Hero Product
A static top nav over a hero for the signature ampoule, carrying the brand promise, key selling points and the cart entry.
hero - 2
Ingredient Stories
Four cards for the core ingredients, openly listing origin, harvest season and concentration.
features - 3
Skin Type Quiz
A three-question interactive quiz that recommends the right product based on the answers.
form - 4
Bestsellers
A grid of top sellers with star ratings, tags and a quick-add button that appears on hover.
product - 5
Bundle Offers
Three routine bundles priced as cards, each showing list price, offer price and the discount.
pricing - 6
Brand Promise
A band of six brand promise icons alongside the founder's note on skincare.
content - 7
Newsletter and Footer
A newsletter sign-up form combined with footer navigation, social links and copyright.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →