About Motioness
Motioness is an open library of lightweight, animated ASCII compositions you can embed in any website. Each template renders as a character grid with animated mutations — no heavy graphics, no canvas, just beautiful terminal-style motion built for the modern web.
Curated ASCII animations from matrix rain to galaxy spirals
Pure vanilla JS engine. No React, no Motion, no bloat.
Entire engine with all 45 templates. Lighter than most icons.
iframe, React component, or Web Component. Pick your stack.
Principles
Every animation renders as a character grid — styled <span> elements inside a <pre>. No canvas, no WebGL, no SVG. Just Unicode characters animated with requestAnimationFrame.
The engine is pure TypeScript with no external dependencies. No animation libraries, no DOM manipulation frameworks. The entire bundle with 45 templates ships at ~39kb gzipped.
Describe any scene in plain English and AI generates custom ASCII art with frame-by-frame animation code. Upload a reference image for even better results. The custom-scene template compiles JS on the fly.
Every template respects your theme tokens — primary, accent, background, foreground. Import your brand colors from any URL, or pick from built-in presets. CSS custom properties all the way down.
Browse the template library, customize with AI, and embed in your site with one line of code.