About CMS Card Reveal
A full-bleed cover that burns or pixel-dissolves away when visitors hover, tap or tab in, revealing your blog cards underneath. Built for portfolios and studio sites that want the blog to feel like a reveal, not a list.
About Component
Burn effect with charred edge and ember glow
Pixel effect with dithered block dissolve
11 origins incl. cursor entry, center, corners
Hover, tap and keyboard (Enter or Space)
CMS Collection List slot or 12 built-in cards
Cards with category, read time, date, thumbnail, link
Responsive columns by min card width
Separate desktop and mobile hint text
Tune char width, glow, colors, pixel size, speed
Pattern seed for a unique burn shape
Respects reduced motion
Editor preview: Covered or Revealed
What's Included
1 code component, 50 property controls
2 reveal effects, 11 origin presets
CMS slot for any Collection List
4 sample cards, zero config
How It Works
Drop it on your canvas and add a cover image.
Connect a Collection List or edit the built-in cards.
Pick Burn or Pixel, set the origin, publish.
Use Cases
Portfolio blog sections
Agency and studio journals
Essay and writing archives
Changelog teasers
Newsletter landing pages
Case study indexes
Keywords framer blog component, blog reveal, burn effect, pixel dissolve, hover reveal, image reveal, dither effect, canvas animation, framer cms, blog cards, portfolio blog, framer interaction, framer code component
Refund Policy Due to the digital nature of this product, all sales are final and refunds are not available. Please review the product details and the live preview carefully before purchasing.
Support If you experience any issues or need help customising the component, reach out within 3 business days of your purchase. Email: framercore@siddhantbaghel.art
