Radiant: A beautiful new marketing site template | Endigest
Tailwind CSS
Get the latest tech trends every morning
Receive daily AI-curated summaries of engineering articles from top tech companies worldwide.
Radiant is a new SaaS marketing site template built with Next.js, Framer Motion, and Tailwind CSS, featuring a Sanity-powered blog.
- •Animations are layered on existing content and triggered by user interaction, keeping the site fast while feeling alive
- •Framer Motion's variant propagation is used to pass hover state from parent to deeply nested children without prop drilling
- •The logo timeline animation is implemented in pure CSS using negative animation-delay to offset start positions, avoiding JavaScript state tracking
- •Reusable interactive components (map with pins, logo cluster, keyboard) expose simple APIs so users can customize them for their own products
- •Sanity headless CMS replaces MDX for the blog, enabling structured content via PortableText and on-the-fly image transformation
This summary was automatically generated by AI based on the original article and may not be fully accurate.
CSS-Tricks
WebKit