Add instant texture and a raw, organic feel to your layouts. This reusable component wraps your text in a realistic torn-paper aesthetic, perfect for digital scrapbooks, editorial headers, or any design that needs a "handmade" touch. Instead of static images, this component gives you full control over the paper’s shape, color, and typography.
Selective Edge Tearing: Choose exactly which sides are ripped. Tear all four edges for a floating scrap look, or leave some edges clean to "anchor" the paper to the sides of your containers.
Dynamic Styling: * Custom Colors: Change both the paper and the text color independently to match your brand palette.
Typography Support: Fully customizable fonts allow you to pair the rugged paper look with everything from elegant serifs to bold grotesque typefaces.
Spatial Controls:
Adjustable Padding: Control the "breathability" of your text by increasing or decreasing the space between the letters and the torn edges.
Depth & Shadows: Toggle a customizable shadow to lift the paper off the page, creating a realistic 3D layered effect.
Fully Reusable: Designed as a flexible wrapper, you can drop this into any section of your site and update the content instantly without breaking the effect.
Simply drag the component onto your canvas and type your message. Use the property panel to "rip" specific edges and tweak the padding until the composition feels balanced. It’s an ideal choice for callouts, highlight sections, or navigation elements that need to stand out.
Cray
