October 8, 2026
Use GSAP ScrollTrigger in the Next.js App Router: install gsap and @gsap/react, clean up automatically with useGSAP and scope, write scrub and pin animations, fix window is not defined and double runs in dev, and adapt to mobile and reduced motion.
Read moreGuideOctober 8, 2026
Next.js Before/After Slider: clip-path, Drag, and Scroll Wipe
GuideOctober 8, 2026
Lottie Animations in Next.js with lottie-react: Setup to Playback Control
GuideOctober 8, 2026
Next.js Loading Screens: loading.tsx to a Once-per-Session Opening
GuideOctober 8, 2026
Next.js 404 Page: not-found.tsx, notFound(), and What to Put on It
GuideOctober 8, 2026
Next.js Login Page Design with Tailwind: Layout, Form, and Glass Card
GuideOctober 8, 2026
Next.js Newsletter Signup Form: Server Actions, Status Messages, and Spam Protection
GuideOctober 8, 2026
Next.js Magnetic Button: Pull a CTA Toward the Cursor with useSpring
GuideOctober 8, 2026
Next.js Bottom Tab Bar: Mobile Navigation with an Active State
GuideOctober 8, 2026
Next.js Custom Cursor: Build a Smooth Dot and Ring Follower
GuideSeptember 12, 2026
Next.js Framer Motion (motion/react): Entrance and Scroll Examples
GuideSeptember 12, 2026
Next.js Logo Marquee: Infinite Scrolling Logos with CSS
GuideSeptember 12, 2026
Next.js CTA Section: Buttons That Get Clicked, with Code
GuideSeptember 12, 2026
Next.js Testimonial Section: Cards, Scroll Snap, and Motion
GuideSeptember 12, 2026
Next.js Footer: 4-Column Layout and Brand Band, with Code
GuideSeptember 12, 2026
Next.js Hamburger Menu Animation: Open, Close, Mobile-Ready
GuideSeptember 12, 2026
Next.js Features Section: 3-Column Cards and Stagger Animation
GuideSeptember 12, 2026
Next.js Bento Grid with Tailwind CSS: Layout, Mobile, Motion
GuideSeptember 12, 2026
Next.js Text Reveal Animation: Line-by-Line and Word-by-Word
GuideSeptember 12, 2026
Next.js Image Carousel and Slider: CSS Scroll Snap vs. Embla
GuideSeptember 12, 2026
Next.js Contact Form: 3 Fields, Inline Errors, Server Actions
GuideSeptember 12, 2026
Next.js Number Counter Animation: Count Up Once on Scroll
GuideSeptember 12, 2026
Next.js Timeline Component: Vertical Line and Staggered Steps
GuideSeptember 12, 2026
Next.js Comparison Table: Highlight Your Column, Cards on Mobile
GuideSeptember 12, 2026
Next.js Glassmorphism with Tailwind: Liquid Glass-Style Frosted UI
GuideSeptember 12, 2026
Next.js hover card: Tailwind scale, shadow, and spotlight effects
GuideSeptember 12, 2026
Next.js video hero: background video, autoplay, mobile fallback
GuideSeptember 12, 2026
Next.js scroll reveal animation: IntersectionObserver and whileInView
GuideSeptember 12, 2026
Next.js SaaS landing page: section order and component structure
GuideSeptember 12, 2026
Next.js one-page template: how to choose one and ship your LP
GuideSeptember 12, 2026
Cursor MCP for UI Components: Search and Pull from a Catalog
GuideSeptember 12, 2026
21st.dev Alternative for Cursor? Compare React Catalogs First
GuideSeptember 12, 2026
shadcn/ui Landing Page with Motion: Setup and Animated Sections
GuideSeptember 12, 2026
Paste React Components into Claude or Cursor: A Prompt That Works
GuideSeptember 12, 2026
Copy-Paste React Components: 3 Rules for TSX + Tailwind Picks
GuideSeptember 12, 2026
Consistent Cursor landing page design: fix color, spacing, motion
GuideSeptember 12, 2026
Next.js Tailwind CSS animation: entrance, hover, and loops
GuideSeptember 12, 2026
React motion UI catalog: 6 criteria to compare and how to check
GuideSeptember 12, 2026
Next.js portfolio animation: motion that keeps your work first
GuideSeptember 12, 2026
How to use DesignLayer: add your first section to Cursor for free
GuideSeptember 11, 2026
Next.js FAQ Accordion: details/summary to Animated Open/Close
GuideSeptember 8, 2026
Next.js animated hero section: entrance and background motion
GuideSeptember 8, 2026
Next.js Scroll Gallery: Sticky, Scroll-Linked, Mobile-Ready
GuideSeptember 8, 2026
Next.js Sticky Header That Changes on Scroll (Blur Header Bar)
GuideSeptember 8, 2026
Next.js Pricing Table: 3 Plan Cards and a Monthly/Yearly Toggle
GuideSeptember 7, 2026
React motion components for Cursor: copy-paste in 4 steps
GuideSeptember 7, 2026
Next.js landing page with Cursor in one day: 5 steps + prompts
GuideSeptember 7, 2026
Next.js Server vs Client Components: when to use each + 6 errors
