About CrumpledPaper Reveal
About
CrumpledPaper Reveal is a free Framer code component that turns a single image into a tactile paper reveal. A photo, letter, poster or invitation begins as a crumpled ball, then unfolds into a print that keeps its creases. Real-time WebGL2 motion, soft shadows, a slight corner curl and pointer-responsive light give the sheet its physical feel.
What you can customize
Choose Hover, Click, In View or Scroll to control the reveal. Hover also responds to keyboard focus; touch visitors can tap. In View can replay, while Scroll scrubs the unfolding as the sheet moves through the viewport. Replace the image, set its alt text and focal point, and add an optional link. Pick a fold (None, Half or Thirds), one of twelve crumple shapes and six aspect ratios. Tune paper colors, margin, radius, finish, crease depth, ball size, shadow and transition through Framer property controls.
Great for (examples)
Add a tactile reveal to:
Portfolio projects and case-study imagery
Editorial stories and online magazines
Photography showcases and photo galleries
Letters, notes and personal stories
Stationery, print and packaging websites
Invitations and event pages
Scroll-driven landing pages
The Framer canvas shows a complete flat print for editing. Preview and published pages show the full animation. Reduced-motion visitors see the finished sheet.
Share your build
Using it on your site? Tag @Matthias_Oel on X or send me a link. I’d love to see your version.
Need help?
Questions or feedback? Reach me at matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Pair it with another tactile way to explore your visuals:
