50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/1v3f42-oqro9g.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/146b7x-3yl4nl.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js"],"S"] 51:T946,

Drop in any image and get an interactive ASCII art hero for your Framer site. A live ASCII effect editor packaged as a ready-to-use component: pick a style, tune the symbols and watch it update right on the canvas. Works great with transparent PNGs, sculptures, portraits, products and illustrations.

Features

Image to ASCII art in real time (WebGL shader, smooth on desktop)
4 styles: Normal (original colors), ASCII, Paint, or Auto, which cycles through them
Cursor-reactive hero effect
Symbol swirl: animated glyphs orbiting your image, with an On/Off switch
Symbol size from 1px to 8px, from ultra-fine to bold ASCII
Works with any image (transparent PNG recommended)
Use it as a full hero or as a still image
Responsive: opens at 1200 x 750 and fills any frame
Fewer symbols on small screens for better performance

Customization

Image: upload your own
Use as: Hero (full effect) or Still: Normal / ASCII / Paint
Style sequence: Auto, Normal, ASCII, Paint
ASCII: symbol size (1-8px)
Swarm: symbol swirl On/Off, count, strands, glyphs, spin
Motion: pointer response

Great for

Hero sections and landing pages
Portfolios and creative studios
Product and brand launches
Music, art, fashion and editorial sites
Retro, cyber and tech aesthetics

How to use

Insert the component and set its frame (1200 x 750 by default).
Upload your image under Image (transparent PNG works best).
Choose Use as and a style, then adjust ASCII size and Swarm.
Open Preview: the cursor effect runs in Preview and on the live site.

Launch weekend price: $9 until Sunday night (regular price $12). Made by Erni Hdz. Questions or bugs: aedlgdhdz@gmail.com

Your headline stays real, selectable text (add your H1 as a normal Framer layer on top), so Google and screen readers read it. Motion is Autoplay by default, so touch devices get the effect without a cursor. "Auto" is a style, not a motion mode.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-353c2643-9b5d-4ad2-a548-bed9b7490adc-all:/unified/creator/353c2643-9b5d-4ad2-a548-bed9b7490adc/activity/":[{"data":[{"id":"01a11f5d-fb83-77f4-9aa0-614b75610ee5","type":"comment.reply","target":{"type":"post","id":"01a11efc-b129-725f-b9df-a0e1435e5b58","preview":"ASCII Hero Image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/353c2643-9b5d-4ad2-a548-bed9b7490adc/01a11efb-b12f-714d-b187-804ccaecd1a6.webp","targetDeleted":false,"owned":true,"actions":{"postId":"01a11efc-b129-725f-b9df-a0e1435e5b58","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a11f5d-fb6f-737a-a3a4-afa2013829f0","preview":"Thanks! Good point, and it’s already built that way. The component only renders the image effect; it contains no text at all. Your headline stays a normal Framer text layer (your real H1) stacked on top of it, so it’s selectable, indexable by Google and read by screen readers. The effect canvas is exposed as a labeled image, and there’s a static image fallback if WebGL isn’t available.\nOn touch and low-end devices: the default mode is autoplay, so the motion runs by itself with no cursor needed. The cursor or finger only adds an extra blob on top. On screens under 700px it automatically lowers resolution, texture size and symbol count, pauses off-screen, and respects reduced-motion by showing a clean still frame.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! Good point, and it’s already built that way. The component only renders the image effect; it contains no text at all. Your headline stays a normal Framer text layer (your real H1) stacked on top of it, so it’s selectable, indexable by Google and read by screen readers. The effect canvas is exposed as a labeled image, and there’s a static image fallback if WebGL isn’t available."}]},{"type":"paragraph","content":[{"type":"text","text":"On touch and low-end devices: the default mode is autoplay, so the motion runs by itself with no cursor needed. The cursor or finger only adds an extra blob on top. On screens under 700px it automatically lowers resolution, texture size and symbol count, pauses off-screen, and respects reduced-motion by showing a clean still frame."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a11efc-b129-725f-b9df-a0e1435e5b58","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a11f20-1ffe-7159-b6c2-6a86033c2bb6"},"repost":null}},"actors":[{"id":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","slug":"erni-hdz","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-09T06:33:35.363Z","latestAt":"2026-10-09T06:33:35.363Z"},{"id":"01a11f58-b996-72ea-bacb-33dc45e289a3","type":"comment.liked","target":{"type":"comment","id":"01a11f20-1ffe-7159-b6c2-6a86033c2bb6","preview":"Clean effect, and giving the buyer four styles plus a swirl toggle is the right call for a drop-in hero. Two things that protect it as a first screen: keep the real headline as actual selectable text layered with the effect, not baked into the canvas, so Google and screen readers still read the page, since a hero is usually where the H1 lives. And since it is cursor-reactive, make the no-cursor state the strong default: on touch there is no pointer, so have it fall back to the swirl or Auto motion (plus a reduced-motion path) so phone visitors still get the moment and low-end devices do not choke. Nice piece of craft.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean effect, and giving the buyer four styles plus a swirl toggle is the right call for a drop-in hero. Two things that protect it as a first screen: keep the real headline as actual selectable text layered with the effect, not baked into the canvas, so Google and screen readers still read the page, since a hero is usually where the H1 lives. And since it is cursor-reactive, make the no-cursor state the strong default: on touch there is no pointer, so have it fall back to the swirl or Auto motion (plus a reduced-motion path) so phone visitors still get the moment and low-end devices do not choke. Nice piece of craft."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a11efc-b129-725f-b9df-a0e1435e5b58","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11f20-1ffe-7159-b6c2-6a86033c2bb6"},"repost":null}},"context":{"type":"post","id":"01a11efc-b129-725f-b9df-a0e1435e5b58","preview":"ASCII Hero Image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/353c2643-9b5d-4ad2-a548-bed9b7490adc/01a11efb-b12f-714d-b187-804ccaecd1a6.webp","targetDeleted":false,"owned":true,"actions":{"postId":"01a11efc-b129-725f-b9df-a0e1435e5b58","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","slug":"erni-hdz","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-09T06:27:50.801Z","latestAt":"2026-10-09T06:27:50.801Z"},{"id":"01a11f52-3506-72ad-a297-15c2cb820c3f","type":"component.created","target":{"type":"component","id":"q6OBrlpEt3mI3Zqa2KD7","preview":"Water Float","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/353c2643-9b5d-4ad2-a548-bed9b7490adc/01a11f4d-7232-7067-a2db-3747617264e8.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","slug":"erni-hdz","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T06:20:43.654Z","latestAt":"2026-10-09T06:20:43.654Z"},{"id":"01a11efc-b3a4-74ed-ae14-738b17054036","type":"component.created","target":{"type":"component","id":"4H1riLv1LH1GDyKfCt70","preview":"ASCII Hero Image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/353c2643-9b5d-4ad2-a548-bed9b7490adc/01a11efb-b12f-714d-b187-804ccaecd1a6.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","slug":"erni-hdz","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-09T04:47:19.972Z","latestAt":"2026-10-09T04:47:19.972Z"},{"id":"019fc581-18fa-728a-8553-380ab3f85f1c","type":"component.liked","target":{"type":"component","id":"0YbyeRBnYHgqzSI4shTp","preview":"3D Magazine","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5adc9354-58b8-41ef-8dc9-9b6c8b000586/0l8jsfwg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","slug":"erni-hdz","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-03T02:43:19.921Z","latestAt":"2026-08-03T02:43:19.921Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:353c2643-9b5d-4ad2-a548-bed9b7490adc:/unified/posts/?creator=353c2643-9b5d-4ad2-a548-bed9b7490adc&with=reposts":[{"data":[{"id":"01a11f52-329f-7239-b489-2b5dc1b19f6f","title":null,"body":"

Make any image float over live water. Water Float is a WebGL component with ripples, reflection and glow that follows your cursor or finger. Launch weekend only: $9 instead of $12. Ends Sunday night.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Make any image float over live water. Water Float is a WebGL component with ripples, reflection and glow that follows your cursor or finger. Launch weekend only: $9 instead of $12. Ends Sunday night."}]}]},"author":{"framerUserId":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","slug":"erni-hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","followed":false,"followsYou":false},"media":[],"resources":[{"id":"q6OBrlpEt3mI3Zqa2KD7","resolved":true,"title":"Water Float","body":"

Make any image float on live water. Drop in a PNG and it drifts over a real-time WebGL water surface with ripples, a reflection and a soft glow, and it follows the cursor or your finger.

Live preview: https://water-float.framer.ai

Features

Works with any image, transparent PNGs look best
Water, reflection, ripples and glow colors are all customizable
Transparent background option, or any solid color
Image size scales with the screen
Responds to mouse and touch
Pauses off-screen and adapts quality to keep it smooth

Made by Erni Hdz. Launch weekend price: $9 until Sunday night (regular price $12).

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Make any image float on live water. Drop in a PNG and it drifts over a real-time WebGL water surface with ripples, a reflection and a soft glow, and it follows the cursor or your finger."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Live preview: "},{"type":"text","text":"https://water-float.framer.ai","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://water-float.framer.ai","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with any image, transparent PNGs look best"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Water, reflection, ripples and glow colors are all customizable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transparent background option, or any solid color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image size scales with the screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responds to mouse and touch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses off-screen and adapts quality to keep it smooth"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made by Erni Hdz. Launch weekend price: $9 until Sunday night (regular price $12)."}]}]},"introduction":"Make any image float on water","slug":"water-float","author":{"framerUserId":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","slug":"erni-hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/353c2643-9b5d-4ad2-a548-bed9b7490adc/01a11f4d-7232-7067-a2db-3747617264e8.webp","metadata":{"tint":{"h":234,"s":78,"l":30},"width":1200,"height":900}}],"post":null,"createdAt":"2026-10-09T06:20:42.427Z","updatedAt":"2026-10-09T06:20:42.427Z","publishedAt":"2026-10-09T06:20:42.425Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://water-float.framer.ai","price":"12","paymentUrl":"https://contra.com/payment-link/EO3xnaD9-water-float-framer-component","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"T3wwGYFLdVjrFbCFHTHZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T06:20:43.039Z","updatedAt":"2026-10-09T06:20:43.039Z"},{"id":"01a11efc-b129-725f-b9df-a0e1435e5b58","title":null,"body":"

Your hero image, rebuilt out of code. Drop in any PNG and get a live, cursor-reactive ASCII hero for your Framer site. 4 styles (Normal, ASCII, Paint, Auto), a symbol swirl you can switch off, 1-8px symbols. No code. Launch weekend only: $9 instead of $12. Ends Sunday night.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Your hero image, rebuilt out of code. Drop in any PNG and get a live, cursor-reactive ASCII hero for your Framer site. 4 styles (Normal, ASCII, Paint, Auto), a symbol swirl you can switch off, 1-8px symbols. No code. Launch weekend only: $9 instead of $12. Ends Sunday night."}]}]},"author":{"framerUserId":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","slug":"erni-hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4H1riLv1LH1GDyKfCt70","resolved":true,"title":"ASCII Hero Image","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop in any image and get an interactive ASCII art hero for your Framer site. A live ASCII effect editor packaged as a ready-to-use component: pick a style, tune the symbols and watch it update right on the canvas. Works great with transparent PNGs, sculptures, portraits, products and illustrations."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image to ASCII art in real time (WebGL shader, smooth on desktop)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 styles: Normal (original colors), ASCII, Paint, or Auto, which cycles through them"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-reactive hero effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Symbol swirl: animated glyphs orbiting your image, with an On/Off switch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Symbol size from 1px to 8px, from ultra-fine to bold ASCII"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with any image (transparent PNG recommended)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it as a full hero or as a still image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive: opens at 1200 x 750 and fills any frame"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fewer symbols on small screens for better performance"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image: upload your own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use as: Hero (full effect) or Still: Normal / ASCII / Paint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style sequence: Auto, Normal, ASCII, Paint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"ASCII: symbol size (1-8px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swarm: symbol swirl On/Off, count, strands, glyphs, spin"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion: pointer response"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections and landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolios and creative studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and brand launches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Music, art, fashion and editorial sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Retro, cyber and tech aesthetics"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Insert the component and set its frame (1200 x 750 by default)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your image under Image (transparent PNG works best)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose Use as and a style, then adjust ASCII size and Swarm."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open Preview: the cursor effect runs in Preview and on the live site."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Launch weekend price: $9 until Sunday night (regular price $12). Made by Erni Hdz. Questions or bugs: "},{"type":"text","text":"aedlgdhdz@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:aedlgdhdz@gmail.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Your headline stays real, selectable text (add your H1 as a normal Framer layer on top), so Google and screen readers read it. Motion is Autoplay by default, so touch devices get the effect without a cursor. \"Auto\" is a style, not a motion mode."}]}]},"introduction":"Turn any PNG into an ASCII hero","slug":"ascii-hero-image","author":{"framerUserId":"353c2643-9b5d-4ad2-a548-bed9b7490adc","name":"Erni Hdz","slug":"erni-hdz","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30997/y4lpk_4DX-Pp6BUUGSWJWXtSzQq9dIYe9IUXvwnU","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/353c2643-9b5d-4ad2-a548-bed9b7490adc/01a11efb-b12f-714d-b187-804ccaecd1a6.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":900}}],"post":null,"createdAt":"2026-10-09T04:47:18.708Z","updatedAt":"2026-10-09T06:43:50.254Z","publishedAt":"2026-10-09T04:47:18.706Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ascii-hero-image.framer.ai/","price":"12","paymentUrl":"https://contra.com/payment-link/yqdA3I2n-ascii-hero-image-framer-component","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"N4IosUtTjlgmJ8Ker03v","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-09T05:21:31.561Z","createdAt":"2026-10-09T04:47:19.337Z","updatedAt":"2026-10-09T05:21:31.561Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]