5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.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/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.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/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8cd,

About This Component

ASCIIfy is a high-performance Framer component that converts images and videos into dynamic ASCII art in real time. Inspired by classic terminal visuals and modern creative coding, it brings a nostalgic yet futuristic aesthetic to the web.

Built with performance in mind, ASCIIfy supports both static media and video playback while offering fine-grained control over character density, color palettes, and rendering quality. Whether you’re designing a retro terminal interface or an experimental visual experience, ASCIIfy integrates seamlessly into any Framer project.

Fully responsive, accessible, and easy to customize — just drop it in, tweak the controls, and publish.

Key Features

Real-time ASCII conversion for images and videos
10 built-in color palettes, including retro terminals and modern neon styles
Adjustable character density to control detail and readability
Multiple fit modes: Cover, Contain, Fill, or None
Performance tuning with resolution scaling and frame rate control
Smart video handling: background pause, manual playback, and looping
Responsive and adapts to any container size
Fully accessible with keyboard navigation and screen reader support

Use Cases

Retro or terminal-inspired websites
Cyberpunk and experimental UI designs
Creative portfolios and hero sections
ASCII-style video or image backgrounds
Interactive media installations
Artistic landing pages and showcases

Technical Highlights

Optimized ASCII rendering based on the classic Bitmap to ASCII algorithm
Offscreen canvas processing for efficient pixel manipulation
Cached lookup tables for faster color mapping
Viewport-aware video playback to save resources
Debounced resize handling for smooth responsiveness

5a:[["$","$L5d",null,{"post":{"id":"019c8a83-7b50-7d4d-b037-4d0903837832","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"aea25b0b-ca75-43cf-aceb-1be7a756e31e","name":"Masum Iqbal","slug":"masum","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/615569/avatar-IegCCqOUgjdmm1fg7fZhuFuk2oXk2m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iggrlwjBFAEh0juf7ZOg","resolved":true,"title":"ASCIIfy","body":"$5e","bodyJson":null,"introduction":"Live ASCII art with Terminal Aesthetics","slug":"asciify","author":{"framerUserId":"aea25b0b-ca75-43cf-aceb-1be7a756e31e","name":"Masum Iqbal","slug":"masum","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/615569/avatar-IegCCqOUgjdmm1fg7fZhuFuk2oXk2m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/iggrlwjBFAEh0juf7ZOg/asciify-pewqbVyOZl7PGQWALzwUYWV1B1cdc9","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-03T17:23:24.127Z","updatedAt":"2026-04-19T11:10:37.126Z","publishedAt":"2026-02-23T12:39:58.544Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://asciify.framer.website/","price":"11","paymentUrl":"https://masumiqbal.gumroad.com/l/ASCIIfy","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"R75TyO8C0ZL3t5Ar7Gix","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-23T12:39:58.544Z","updatedAt":"2026-02-23T12:39:58.544Z","reported":false}}],"$L5f"]

Suggested for you