Tailwind UI released Studio, a new agency website template built with Next.js App Router, MDX, and Tailwind CSS.
- •Uses Framer Motion with a declarative component API (FadeIn, FadeInStagger) for scroll-triggered entrance animations
- •Implements a menu drawer that pushes the entire page down, with logo color driven by the sheet's position
- •Case study images start in black and white and animate to full color as they scroll near the center of the screen
- •Supports reduced motion via Framer Motion's useReducedMotion hook and Tailwind's motion-safe variant
- •Introduces a custom remark plugin (remark-rehype-wrap) to wrap Markdown content in typography classes without interfering with MDX custom components
This summary was automatically generated by AI based on the original article and may not be fully accurate.
Tailwind CSS
CSS-Tricks
WebKit