Website template

Ecommerce React Template

Turnkey online store with a React frontend, Node.js backend and PostgreSQL, including product listings, a blog CMS, Stripe payments, authentication and an admin dashboard. Originally $119+, free since January 2025.

Dashboard · SaaS · Free

Pages

Screenshots of the live demo, page by page. Scroll inside a page to see all of it.

/Home
Ecommerce React Template website template, / page, part 1Ecommerce React Template website template, / page, part 2Ecommerce React Template website template, / page, part 3
/aboutAbout
Ecommerce React Template website template, /about page, part 1
/shopShop
Ecommerce React Template website template, /shop page, part 1
/blogBlog
Ecommerce React Template website template, /blog page, part 1Ecommerce React Template website template, /blog page, part 2Ecommerce React Template website template, /blog page, part 3

Design breakdown

An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.

Overall

e-commerce, clean minimalism, low density, light

Palette

background #ffffff; surfaces [#262626,#000000]; text #262626; muted text #555555; primary #bd744c; accents []

Type

headings Montserrat, 700, sentence-case; body Montserrat, 14px; scale h1 35px / h2 28px / h3 25px

Shape & spacing

button/card radius 0; borders none; shadows none; section spacing 60px; content width 1140px

Sections (top to bottom)
  • Header — horizontal nav with logo left, menu center, icons right; white background
  • Hero — full-width image with overlay text on left, CTA button below headline; light gray background
  • New Arrivals — centered title and paragraph above four product thumbnails in row; white background
  • About Us — two-column layout with article list on left, images on right; white background
  • Shop — left sidebar with filters (categories, price slider, brands), grid of six product cards on right; white background
Signature details
  • Minimalist sans-serif typography throughout
  • Primary color used only for CTAs and category labels
  • Clean, uncluttered layout with generous whitespace
  • Product cards with consistent padding and no borders
  • Horizontal rule under article summaries
  • Price range slider with labeled min/max values
Other pages
  • /about: two-column layout with blog-style articles and paired images
  • /shop: filter sidebar with checkboxes and slider, product grid with hover states

Template details

Category
Dashboard, SaaS, E-commerce
Author
flatlogic
Listed on
21st.dev
Price
Free
  • Dashboard
  • SaaS
  • Ecommerce

Original design by flatlogic, listed on 21st.dev. Ottermind does not copy the template's code; it builds a new site from the brief.

The brief Ottermind starts from

It opens in Studio as a draft — add your brand, audience and pages before you send.

Build a dashboard website inspired by the "Ecommerce React Template" template. Reference brief: Turnkey online store with a React frontend, Node.js backend and PostgreSQL, including product listings, a blog CMS, Stripe payments, authentication and an admin dashboard. Originally $119+, free since January 2025. Style and features to reflect: Ecommerce. Use original copy and imagery for my brand rather than the reference's placeholder content.

How to use this template

  1. 1

    Click “Use this template” to open it in Ottermind Studio with its brief filled in.

  2. 2

    Add your brand, audience, pages and content to the brief.

  3. 3

    Ottermind builds a new site inspired by this design — keep editing it in the chat.