Prism — Landing Page Kit

Prism is a section library, not a single template. Hero variants, feature grids, pricing tables, testimonial walls, FAQ accordions and CTA blocks that all share one type-safe props API, so any two of them look like they were designed together.

What makes it different

• Motion that respects users — Scroll-linked reveals and page transitions built with Motion, all disabled automatically under reduced-motion.
• Token-based theming — Every colour, radius and shadow is a CSS variable. Rebrand the whole product by editing one file.
• SEO already implemented — Per-route metadata, canonical URLs, XML sitemap, robots rules, JSON-LD structured data and dynamic Open Graph images.
• Accessible components — Keyboard navigation, focus rings, ARIA labels and WCAG AA contrast verified on every interactive element.
• Every breakpoint designed — Not just fluid — mobile, tablet and desktop each get a layout that was actually laid out on purpose.
• Server components by default — Data fetching happens on the server, so pages ship almost no JavaScript and stay fast on mid-range phones.

Who it's for

Marketers and developers shipping campaign pages on a deadline that keeps moving.

Built with

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Motion

In the download

• Full Next.js source code (TypeScript)
• Figma design file
• Tailwind CSS design tokens
• Written documentation
• One-click deploy config

Updates and support

Framework upgrades and bug fixes are free for as long as this product exists. Support is included for 6 months with a Regular license and 12 months with an Extended one, and can be extended at any time.