asciii is a single, responsive code component that turns any set of images into a living gallery.
At rest, every card renders its image as live, shimmering monochrome ASCII — generated in real time from the photo itself, not a static overlay. On hover, the ASCII develops into the full-colour image, the card tilts in 3D toward the cursor, and an iridescent foil sweeps across the surface. Move away and it dissolves back to ASCII.
It's one effect, one interaction, and a full motion system — all driven from Framer's property controls, with no code to touch:
• Cards — add any number, each with its own image, title, caption, and clickable link
• Reveal — switch the whole interaction between on hover, always photo, or always ASCII
• ASCII — set the colour, background, and detail (coarse to fine)
• Motion — dial shimmer amount + speed, and 3D tilt strength (or turn either off)
• Foil — rainbow or mono, with a custom tint and intensity
• Layout — card width, ratio, gap, corner radius, image fit, and focal point — fully responsive
• Type — title & caption fonts, colours, and a custom suffix, or hide the labels entirely
Drop asciii onto any breakpoint, swap in your own images in two clicks, and reshape the whole look from the panel — from a monochrome ASCII wall to an always-on colour grid to a single, giant tilting hero card.
Perfect for portfolios, photography, product drops, music & film, NFT-style editions, or any gallery that should feel alive.
asciii is a single, responsive code component that turns any set of images into a living gallery.
At rest, every card renders its image as live, shimmering monochrome ASCII — generated in real time from the photo itself, not a static overlay. On hover, the ASCII develops into the full-colour image, the card tilts in 3D toward the cursor, and an iridescent foil sweeps across the surface. Move away and it dissolves back to ASCII.
It's one effect, one interaction, and a full motion system — all driven from Framer's property controls, with no code to touch:
• Cards — add any number, each with its own image, title, caption, and clickable link
• Reveal — switch the whole interaction between on hover, always photo, or always ASCII
• ASCII — set the colour, background, and detail (coarse to fine)
• Motion — dial shimmer amount + speed, and 3D tilt strength (or turn either off)
• Foil — rainbow or mono, with a custom tint and intensity
• Layout — card width, ratio, gap, corner radius, image fit, and focal point — fully responsive
• Type — title & caption fonts, colours, and a custom suffix, or hide the labels entirely
Drop asciii onto any breakpoint, swap in your own images in two clicks, and reshape the whole look from the panel — from a monochrome ASCII wall to an always-on colour grid to a single, giant tilting hero card.
Perfect for portfolios, photography, product drops, music & film, NFT-style editions, or any gallery that should feel alive.
