Next.jsTailwindTypeScript
Stillness
An app built to slow you down.
Overview
Stillness is a calm, breathing landing page template for meditation, mindfulness, sleep, and wellness apps. Everything about it exhales: a soft clay-and-sage palette, gentle Cormorant headings over Mulish body text, and unhurried motion that respects reduced-motion preferences.
Its signature is a pure-CSS breathing ring in the hero — a 4-second inhale, 6-second exhale that sets the pace for the whole page — followed by a continuous dawn-to-night gradient "practice story" where the sun half-sets into the section seam and night reads dark even in light mode. Rounded out with testimonials, a features story, pricing, and a serene closing CTA.
Built with Next.js 15.5 (App Router), React 19, TypeScript (strict), Tailwind CSS v4 with light-dark() theming, and Motion. Copy lives in a single content file for fast rebranding. SEO is handled for you: metadata, structured data, a generated social image, sitemap, and robots.txt.
Tech stack
Next.js 15.5React 19TypeScriptTailwind CSS v4Motion
Setup in 30 minutes
- 1Purchase, then download the ZIP from your account dashboard.
- 2Unzip, run `pnpm install` (or npm / yarn).
- 3Follow the README to wire env vars and run `pnpm dev`.
- 4Swap the tokens (color, type, copy) to match your brand.
- 5Deploy to your host in one click, straight from the README. Done.
Latest update
v1.0 — Initial release.
Preview
Screenshots
Reviews
No reviews yet. Be the first to share your experience.
$29
Compatible with
Next.jsTailwindTypeScript
A single payment, no subscription, and the template stays yours for good.
