In-depth articles on motion design, Tailwind composition, and how we think about developer-first marketing pages. We cover Framer Motion patterns, Next.js App Router techniques, copy-paste component architecture, and the design decisions behind building production SaaS landing pages with TypeScript.
6 articles
2026-05-21
How to choose, install, and ship Next.js and React components that improve developer experience, support server side rendering, and scale with your application.
2026-05-15
How to add Framer Motion animations to a Next.js App Router project: entrance effects, layout animations, exit animations, and performance patterns with Server and Client Components.
2026-05-10
Techniques for building animated hero sections in React: background effects, entrance animations, typewriter text, and Framer Motion patterns that work in production Next.js apps.
2026-05-01
Practical patterns for scroll-linked animation in React and Next.js: whileInView entrance effects, useScroll parallax, performance trade-offs, and accessibility.
2026-04-18
Spacing systems, glass surfaces, dark mode tokens, and typography rhythm for Next.js landing pages that read as high-end product craft.
2026-03-22
A repeatable section map for developer-first marketing sites: what goes where, why each section earns its position, and how to ship the whole page as composable blocks.
Want to ship faster? Explore the component catalog.
Browse catalog