Nebula — Responsive 3D Text Align for Framer

Preview

Create cinematic 3D typography that starts in perspective and smoothly aligns as it enters the viewport.

Nebula automatically fits your text to its container and replays the animation whenever the component returns to view. Add your own text, font, image texture, background, stroke, extrusion, glow, and timing directly inside Framer.

Features:

• Responsive text fitting
• In-view, hover, loop, and static modes
• Custom image fills and backgrounds
• Adjustable stroke and 3D depth
• Smooth perspective alignment
• Simplified controls with an Advanced section
• Animation pauses outside the viewport
• Reduced-motion support
• No Three.js or external scripts
• Static-renderer friendly

Perfect for hero sections, portfolios, creative studios, event pages, experimental landing pages, and oversized editorial typography.