Build cinematic scroll-driven websites in minutes. SectionFlow is an open-source React library featuring 60+ production-ready section transitions, reusable sections, a one-command CLI, and optimized Framer Motion animations for modern landing pages, portfolios, and storytelling experiences. ✨ 60+ production-ready transitions 🚀 One-command CLI 🧩 Reusable section components 📖 Perfect for landing pages, portfolios & storytelling websites 💙 Fully open source

🎉 Hi Product Hunt! I'm excited to share SectionFlow with you all. SectionFlow started from a simple frustration: building scroll-driven, cinematic websites in React meant writing lots of custom animation code, duplicating sections, and spending hours tweaking transitions. I wanted a simpler, reusable approach. So I built SectionFlow—an open-source React library that lets you create immersive scrolling experiences with minimal setup. What you get ✨ 60+ production-ready section transitions 🚀 One-command CLI to add only the transitions you need ⚡ Optimized Framer Motion-powered animations 🧩 Reusable section architecture (no duplicated sections) 📚 Documentation and examples to get started quickly Whether you're building a landing page, portfolio, product showcase, or storytelling experience, SectionFlow helps you focus on your content instead of animation boilerplate. This is my first major open-source launch, and I'd genuinely love your feedback. If you have ideas for new transitions, features, or improvements—or you run into any issues—please let me know. Your feedback will directly shape the next releases. Thank you for checking out SectionFlow! ❤️

@cubic_coder The one-command CLI to add only the transitions you need is the detail that separates this from a bloated component library. Curious how you're handling versioning as new transitions ship without breaking existing installs.

Finally tried SectionFlow this weekend and the CLI setup was painless, had a scrolling hero live in under five minutes. The transitions feel buttery on mobile which is usually where these break for me.

honestly the one-command CLI is such a nice touch, makes it feel way less intimidating to drop into a project and start experimenting with the transitions right away

SectionFlow

60+ production-ready cinematic section transitions for React

60+ production-ready cinematic section transitions for React