About Clipped Words
Clipped Words is an expressive animated typography component for Framer that transforms ordinary text into a playful collage of cut-out letters. Inspired by ransom notes, paper scraps, and editorial design, each character combines different typefaces, colors, sizes, and torn edges to create a bold, handcrafted look.SEO Keywords: Clipped Words Framer, Animated Typography, Cut-Out Text, Ransom Note Typography, Creative Text Animation, Interactive Typography, Framer Text Component, Kinetic Typography.
HOW TO USE
Add Clipped Words to your Framer page
Choose Fixed mode for a custom message or Cycle mode for rotating phrases
Customize fonts, paper colors, letter sizes, spacing, and torn edges
Adjust animation timing, shadows, and interactive behaviors
Click to remix the composition or drag individual letters for a hands-on effect
KEY FEATURES
Cut-Out Typography: Build a collage-style look with varied fonts, weights, colors, and letter shapes
Fixed & Cycle Modes: Display a custom message or cycle through multiple phrases
Customizable Paper & Ink: Create your own color palettes with individual paper and text colors
Organic Letter Styling: Adjust rotation, bounce, scale variation, spacing, and rough edges
Interactive Letters: Click letters to swap their styles and drag them with spring-like movement
Animated Transitions: Reveal characters with staggered entrances and smooth phrase changes
Cursor Interaction: Add subtle movement that responds to pointer position
Flexible Styling: Customize typography, background, padding, corner radius, and shadows
Responsive Composition: Automatically scales text to fit the available width
Reduced-Motion Support: Respects visitors’ reduced-motion preferences
WHY CLIPPED WORDS?
Give your typography a distinctive, tactile personality without building every letter by hand. Whether you're creating an artistic headline, an experimental portfolio, or a playful statement on your landing page, Clipped Words makes your message impossible to overlook.
