The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ember Museum is a WebGL carousel where the cards on either side burn away as you move through the deck. Edges char and glow, holes open, and ash and sparks drift off the paper, while the active card stays clean and sharp. The fire is rendered on the GPU, so the burn looks and moves like the real thing. It also responds to how fast you drag, spreading and intensifying with your motion.
It works with images or with your own Framer frames through Connected Slots, so tickets, cards, posters and full layouts can all burn. You can choose from four ember palettes or set a custom tint, add one of eight card textures such as paper, metal, wood or leather, and pick from four entrance burns. Three presets give you a quick starting point, and every detail of the burn, ash and stage can be tuned by hand.
Interaction covers drag, swipe, side clicks, arrow keys and optional autoplay. The component sleeps when idle, pauses offscreen, adapts ash density to keep frame rates steady, respects reduced motion, and renders a clean static frame for exports and thumbnails.
Such a cool transition for a gallery.
Thanks so much ! wanted the motion to make browsing feel more engaging, so I’m happy it came across
Appreciate it! Took some work to get the burn feeling right, so that means a lot.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Many tries for one effect. That's the honest story of the Inward headline
Inward is a concept landing page I made for noise-cancelling headphones. I wanted the words NOISE TO FOCUS to react to the cursor
Particles came first. Glitch with doubled letters broke reading. Grain was next, then crumbs, which felt dirty. Halftone was too graphic
I went back to particles, made them gentler and kept them only under the cursor. That one stayed
The video shows every version, one after another
None of the dropped versions were wasted. Each one showed what the product didn't want
Which version would you have shipped?
Super cool!
These stickers are clickable on kaisle13.framer.website they link to each individual artists profile page and each sticker custom designed for that artist.
So cool!!