Skeleton Reveal Text – Animated Text Reveal for Framer
Skeleton Reveal Text reveals text line by line using a smooth skeleton-loader effect. Each line transitions from a subtle placeholder into the final text, making it ideal for hero sections, introductions, statements, and scroll-based storytelling.
Features
Line-by-Line Reveal: Transitions each skeleton placeholder into text one line at a time.
Flexible Triggers: Start the animation on page load or when the component enters the viewport.
Replay Control: Choose to reveal once or repeat every time the trigger activates.
Smooth Timing: Customize reveal duration, stagger, and start delay.
Reduced Motion: Respects users’ reduced-motion preferences.
Static-Render Safe: Supports static previews in the Framer canvas and exports.
Fully Customizable
Customize the text, typography, colors, spacing, animation timing, and skeleton corner radius using Framer property controls.
Customize
Lines: Add, remove, and edit individual text lines.
Trigger: Choose page load or scroll into view.
Reveal: Run the animation once or every time.
Colors: Set skeleton placeholder and revealed text colors.
Duration: Control how quickly each line appears.
Stagger: Adjust the delay between lines.
Start Delay: Set when the animation begins.
Typography: Customize fonts using Framer’s extended font controls.
Spacing: Adjust line gaps and horizontal and vertical padding.
Radius: Control the skeleton blocks’ corner radius.
How It Works
Each line starts as a skeleton placeholder. When the selected trigger activates, the placeholders transition into the final text one by one, creating a smooth, progressive reveal without distracting from the message.
License: Unlimited personal and client projects. No resale or redistribution.
Refunds: Not working? Email us first and we’ll fix it within 24 hours.
Questions? support@russetsupply.com