Cut Out Text

Transform your typography into a bold, tactile masterpiece. This component recreates the classic "ransom note" aesthetic, allowing you to assemble messages using high-quality, randomized letter cutouts. Whether you’re looking for a gritty underground vibe or a playful, handmade feel, this tool gives you total control over the chaos.

Key Features

• Dynamic Randomization: Use the Seed property to instantly shuffle letter variations. If a look isn't hitting quite right, one click generates a fresh arrangement.

• Multi-Image Support: Load up to three different image sets per character. The component intelligently cycles through these to ensure no two letters look exactly the same.

• Precision Layout Control:

  • Adjustable Height & Alignment: Fine-tune how your letters sit on the line for that perfectly "imperfect" look.

  • Smart Spacing: Built-in support for spaces and custom placeholders to maintain the flow of your message.

• Animation Toggle: Bring your text to life with a built-in animation mode, or keep it static for a clean, high-impact graphic.

• Total Customization: Skip specific characters or replace them entirely to fit your brand's specific art direction.

How to Use

Simply drop the component into your Framer project, type your text, and upload your cutout assets. Use the property panel to tweak the seed until the randomization feels just right. It’s perfect for hero sections, poster-style layouts, and experimental web designs.