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.