Fernhouse: Plant shop template
Plants that arrive happy.
For plant, flower and lifestyle shops: an editorial shop nav, a gallery hero, a product grid, alternating care stories, store-style reviews, a newsletter archive and a big footer.
About the Fernhouse template
Fernhouse is for plant, flower and lifestyle shops. An editorial shop nav, a gallery hero, a product grid, alternating care-plan stories, reviews and a newsletter archive make buying feel safe for nervous first-timers.
Plants that arrive happy. It is a complete plant shop landing page for React and Tailwind CSS 4, assembled from 7 Charcoal UI sections.
Who Fernhouse is for
- Plant and flower shops.
- Garden centres.
- Homeware and lifestyle brands.
- Workshops and classes.
What is inside
7 sections, top to bottom:
- Navbar Centered: Editorial shop nav with a big centred serif wordmark that shrinks on scroll and a bag count.
- Hero Gallery: Agency hero: an oversized headline with a highlighted phrase over two counter-scrolling rows of work.
- Product Grid: Shop grid with category chips, sorting, wishlist hearts and a quick-add button that fills the bag.
- Features Alternating: Alternating image and text rows that slide in from opposite sides as you scroll.
- Testimonials Rating: Store-style review summary with an average, a star histogram that filters, and verified reviews.
- Newsletter Issues: Newsletter landing block: subscribe form with reader count beside an archive of recent issues.
- Footer Newsletter: Big footer led by a newsletter sign-up, then the sitemap, socials, theme toggle and live status.
How it is built
The newsletter section shows recent issues to prove the emails are worth it. Every section is a separate Charcoal UI section, so you can reorder, remove or restyle any of them, and the accent colour is one CSS variable on the page wrapper.
Install Fernhouse
npx shadcn@latest add @charcoal/fernhouseTemplates are part of Charcoal UI Pro. One seat covers all 100 templates, 107 sections and 300 Pro components. The command installs the page and every section and component it uses, so it runs the moment it lands.
Frequently asked questions
- Can I use Fernhouse for a client site?
- Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
- Is Fernhouse a Next.js template?
- It is a React 19 page that works in Next.js (App Router or Pages Router), Vite, Remix and Astro. Drop it into a route and it renders.
Sections in this template
- Navbar Centered: Editorial shop nav with a big centred serif wordmark that shrinks on scroll and a bag count.
- Hero Gallery: Agency hero: an oversized headline with a highlighted phrase over two counter-scrolling rows of work.
- Product Grid: Shop grid with category chips, sorting, wishlist hearts and a quick-add button that fills the bag.
- Features Alternating: Alternating image and text rows that slide in from opposite sides as you scroll.
- Testimonials Rating: Store-style review summary with an average, a star histogram that filters, and verified reviews.
- Newsletter Issues: Newsletter landing block: subscribe form with reader count beside an archive of recent issues.
- Footer Newsletter: Big footer led by a newsletter sign-up, then the sitemap, socials, theme toggle and live status.