# Ascii components

> Add retro vibes with 3 ASCII-inspired React components, styled with Tailwind CSS for unique web visuals.

101 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/ascii.

- [ASCII KNOT](https://21st.dev/@montekkundan/components/knot-animation.md) — by Montek
- [Delicate Ascii Dots](https://21st.dev/@uilayout.contact/components/delicate-ascii-dots.md) — by UI Layouts
- [ASCII Cube](https://21st.dev/@montekkundan/components/ascii-cube.md) — by Montek
- [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii.md) — by Arlan
- [ASCII Pyramid](https://21st.dev/@montekkundan/components/ascii-pyramid.md) — by Montek
- [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/trail.md) — by Arlan
- [ascii flower](https://21st.dev/@daschinmoyy21/components/ascii-flower.md) — by Chinmoy Das
- [Neon Nebula](https://21st.dev/@karthiksivacharan/components/neon-nebula.md) — by Karthik Sivacharan
- [Heximage](https://21st.dev/@arifuzzamanmoin/components/heximage.md) — by Moin
- [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/gradient.md) — by Arlan
- [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/sound.md) — by Arlan
- [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/logo-generator.md) — by Arlan
- [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/waves.md) — by Arlan
- [test](https://21st.dev/@npouliss/components/test.md) — by Nikolaos Poulis
- [seed](https://21st.dev/@yogaprtamaa/components/seed.md) — by Yoga pratama
- [minimal](https://21st.dev/@tanusahu9894/components/minimal.md) — by Tanisha
- [Act of creation](https://21st.dev/@mkasiak/components/act-of-creation.md) — by Marcin Kasiak
- [111](https://21st.dev/@a.tkachenko84/components/111.md) — by Aaron Kravitz
- [All about the Benjamins](https://21st.dev/@anonbreadwinner/components/all-about-the-benjamins.md) — by anonbreadwinner
- [starry nights](https://21st.dev/@aditya.nagpal/components/starry-nights.md) — by Aditya Nagpal
- [Forest](https://21st.dev/@maxfu826/components/forest.md) — by Max Fu
- [maomao](https://21st.dev/@nellycyberpro/components/maomao.md) — by Xiaomao
- [shader-dither](https://21st.dev/@eduardoamaral.ux/components/shader-dither.md) — by Eduardo Amaral
- [半堂好课](https://21st.dev/@monkjin1983/components/ascii-811f593a.md) — by MONK 金鳞
- [Ink Garden](https://21st.dev/@serafimcloud/components/ink-garden.md) — by Serafim
- [Neon mosaic](https://21st.dev/@tungdang9888/components/neon-mosaic.md) — by TUng Dang
- [Electric Gaze](https://21st.dev/@serafimcloud/components/electric-gaze.md) — by Serafim
- [Minimal](https://21st.dev/@tanusahu9894/components/minimal-2.md) — by Tanisha
- [MARBS123](https://21st.dev/@kleimeier.maurice/components/marbs123.md) — by Maurice K
- [Vignette Bloom](https://21st.dev/@serafimcloud/components/vignette-bloom.md) — by Serafim
- [nm](https://21st.dev/@nblairwalker/components/nm.md) — by Nicholas
- [thread paint](https://21st.dev/@tempforall9/components/thread-paint.md) — by web dev
- [MOSAIC leaf](https://21st.dev/@zendeurr.pro/components/mosaic-leaf.md) — by Zendeurr
- [m ASCII](https://21st.dev/@nblairwalker/components/m-ascii.md) — by Nicholas
- [Sunset](https://21st.dev/@serafimcloud/components/sunset.md) — by Serafim
- [ASCII log leet](https://21st.dev/@koustubhayadiyala36/components/ascii-log-leet.md) — by Kousthubha Yadiyala
- [liquid Mosaic](https://21st.dev/@tempforall9/components/liquid-mosaic.md) — by web dev
- [n ASCII](https://21st.dev/@nblairwalker/components/n-ascii.md) — by Nicholas
- [Terminal Pikachu](https://21st.dev/@senommu/components/terminal-pikachu.md) — by Vlad Vovk
- [ASCII Renderer](https://21st.dev/@uicapsule/components/ascii-renderer.md) — by UI Capsule
- [First Light](https://21st.dev/@serafimcloud/components/first-light.md) — by Serafim
- [dark mode](https://21st.dev/@madichettyvishnu/components/dark-mode.md) — by Vishnu Madichetty
- [light mode](https://21st.dev/@madichettyvishnu/components/light-mode.md) — by Vishnu Madichetty
- [Shadowplay](https://21st.dev/@serafimcloud/components/shadowplay.md) — by Serafim
- [Code Rain](https://21st.dev/@serafimcloud/components/code-rain.md) — by Serafim
- [D60-hero](https://21st.dev/@david-greenfieldlp/components/d60-hero.md) — by David
- [peak Mountain](https://21st.dev/@easemize/components/peak-mountain.md) — by Hossain Jahed
- [aircraft cabin](https://21st.dev/@tungdang9888/components/aircraft-cabin.md) — by TUng Dang
- [Herbarium](https://21st.dev/@serafimcloud/components/herbarium.md) — by Serafim
- [Golden Radiance Shimmer](https://21st.dev/@serafimcloud/components/golden-radiance-shimmer.md) — by Serafim
- [Neon Mirage](https://21st.dev/@serafimcloud/components/neon-mirage.md) — by Serafim
- [e43wr](https://21st.dev/@anishvyapari/components/e43wr.md) — by Anish Vyapari
- [Animated Mosaic Portrait](https://21st.dev/@serafimcloud/components/animated-mosaic-portrait.md) — by Serafim
- [Phosphor](https://21st.dev/@serafimcloud/components/phosphor.md) — by Serafim
- [Reverie](https://21st.dev/@serafimcloud/components/reverie.md) — by Serafim
- [Brick Wall](https://21st.dev/@serafimcloud/components/brick-wall.md) — by Serafim
- [Ultramarine](https://21st.dev/@serafimcloud/components/ultramarine.md) — by Serafim
- [mine](https://21st.dev/@inv4rrow/components/mine.md) — by inv
- [Flicker Cityscape](https://21st.dev/@serafimcloud/components/flicker-cityscape.md) — by Serafim
- [Flicker Burst](https://21st.dev/@serafimcloud/components/flicker-burst.md) — by Serafim

Full component directory: https://21st.dev/llms.txt
