Template Library
TemplatesMedusa - Beauty & Cosmetics Website Template
Medusa - Beauty & Cosmetics Website Template
Medusa is a premium beauty & cosmetics template with 22 page designs, a drag-and-drop page builder, smooth GSAP motion and a full shop flow. Built with Next.js + Sanity.
16.2.4 Next
^5 Typescript
^4.2.4 TailwindCss
^6.12.2 Resend
$79
Single project license · lifetime updates
or
All-Access Mobile-first & responsive
Core Web Vitals 100
What's Included
Everything you need to rank and convert
Drag-and-drop page builder
Build any page from 17 ready-made sections in Sanity Studio. Add, remove and reorder them, and every field explains where it appears on the page.
Complete shop journey
Shop with category filters, product pages with a gallery, bag, checkout, thank-you page, wishlist and live search, all designed in the same style.
Sign in, sign up and account
Split-screen sign-in and sign-up pages with show/hide password, a password strength meter and social sign-in buttons, plus an account dashboard with orders, details, addresses and preferences.
Smooth, tasteful motion
GSAP and Lenis add word-by-word headline reveals, parallax photos, count-up numbers, magnetic buttons, 3D product-card tilt, a scrolling press marquee and staggered card reveals. Everything switches off for reduced-motion visitors.
Signature hero
A full-screen photo hero with a highlighted word, call and shop buttons, category pills, a frosted stat card and a video pop-up.
Product carousels
Swipeable product rows with arrow buttons and a progress bar, ready for "Most Popular", "Bestsellers" or "You may also like".
Common Features
All of our NextJS themes come with the following features:
Clean code and folder structure
Compatible with all modern browsers
Free Icons + Google font
Free future themes update
Free customers support
Responsive design
Highly customizable
Component-based design
Quick Setup
Live in under 30 minutes
Full documentation included — a step-by-step guide from download to deployed.
~30 min setup4 simple stepsFull docs included
- 01
Download the code
Grab the zip from your account, unzip it and open the folder in your terminal.
- 02
Install dependencies
One command pulls in Next.js, Sanity, Tailwind and everything else.
Ready for a faster site that's easier to edit?
Book a free 30-minute call. We'll review your current site and send a fixed-price plan. No pressure, no pitch.
Book Free Call No commitment required
Next.js App Router
Sanity CMS
Tailwind CSS
TypeScript
