Next.jsTailwindTypeScript
Obsidian
Cut from black glass.
Overview
Obsidian is a cinematic landing page template for design studios, creative agencies, and production houses that want to look sharp and expensive. The concept — "cut from black glass" — pairs a near-black canvas with an acid-lime accent, a condensed Anton display face, faceted clip-path panels, and hard diagonal dividers for a bold, high-end edge.
The centerpiece is a horizontal scroll-jacked work section that slides projects sideways as you scroll, alongside a generated faceted-glass showreel, a velocity-reactive marquee, a manifesto with scroll-driven word fill, faceted team tiles, count-up stats, a full-bleed diagonal acid CTA, a custom "VIEW" cursor, magnetic buttons, and a contact form with toast feedback.
Built with Next.js 15.5 (App Router), React 19, TypeScript (strict), Tailwind CSS v4, Motion, and Lenis. Your work and team live in a single content file, so swapping in real projects is quick. SEO is handled for you: metadata, structured data, a generated social image, sitemap, and robots.txt.
Tech stack
Next.js 15.5React 19TypeScriptTailwind CSS v4MotionLenis
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.
$49
Compatible with
Next.jsTailwindTypeScript
A single payment, no subscription, and the template stays yours for good.
