Skip to main content
ASCII Gen

One-Time Purchase

ASCII Gen

Add mesmerizing ASCII art animations to your website. A React component, a visual editor, and a growing library of ready-made animations.

View Animations

One-time payment. Lifetime access. Free updates. Private Discord.

Live ASCII Editor

Real-time preview, powerful controls, and instant export. Runs 100% locally on your machine for maximum performance and privacy.

Includes ascii.sh for terminal power users

Everything You Need

A complete toolkit for adding ASCII art animations to your React projects.

React Component

Drop-in ASCIIAnimation component with auto-scaling, FPS control, quality selection, IntersectionObserver visibility, and prefers-reduced-motion support.

Live Editor

Visual editor with real-time preview. Drag & drop videos, tweak settings, and see results instantly.

Animation Library

11 ready-made animations (and growing) at 3 quality tiers each. New animations added over time, included with your purchase.

Private Discord

Join an exclusive community of ASCII creators. Share your animations, get feedback, collaborate on projects, and discover what others are building.

Animation Library

Pre-made ASCII animations ready to drop into your project. More added regularly.

11 animations included / 2 coming soon

Planet
200 frames
Cube
134 frames
Computer
78 frames
Grok
21 frames
Rocket
80 frames
Wave
300 frames
Mail
56 frames
Hands
152 frames
Coin
37 frames
Cat
16 frames
Fire
78 frames
SpaceshipComing Soon

In development

GalaxyComing Soon

In development

How It Works

From purchase to rendering ASCII art in 3 steps.

01

Purchase

One-time payment of $9.99 through Polar.sh. No subscription, no recurring fees.

02

Get Full Access

Polar automatically invites you to the private GitHub repository and our exclusive Discord community.

03

Create & Export

Launch the local editor to convert your own videos, or pick from the included library.

Quick usage example:

App.tsxtsx
import ASCIIAnimation from './components/ascii'


export default function App() {
  return (
    <ASCIIAnimation
      frameFolder="animations/planet"
      quality="medium"
      fps={30}
      frameCount={151}
      className="w-full h-[500px]"
    />
  )
}

Frequently Asked Questions

You get automatic access to a private GitHub repository containing the ASCIIfy Live Editor, the React component (ascii.tsx), the legacy generator script, and all pre-made animation frame files at 3 quality levels.

The React component works with React, Next.js, TanStack Start, Remix, and any React-based framework. The animation data itself is plain text files, so you could adapt it to any framework.

Yes. The included Live Editor makes it easy: just drag and drop your video, adjust settings in real-time, and export. You can also use the legacy bash script if you prefer the terminal.

Yes. When new animations are added to the repository, you automatically have access to them. One-time purchase, lifetime updates.

Each animation ships in 3 quality tiers: Low (80 characters wide), Medium (160 characters wide), and High (240 characters wide). The React component supports a quality prop and automatic fallback between tiers.

Yes. You can use the animations and component in any personal or commercial project. No attribution required.

Only if you want to create your own animations. The Live Editor and generator script both use these tools to process your videos. The pre-made animations work out of the box without any dependencies.

After purchase, Polar.sh automatically invites you as a read-only collaborator to the private GitHub repository. You can clone it, pull updates, and always have the latest animations and code.

Ready to Add ASCII Gen?

Get the React component, the live editor, all animations, and access to our private Discord community. One-time purchase, lifetime updates.

ASCII Gen © 2026