Space Type Generator – Official Website, What It Is & How to Use

You have probably seen the videos without knowing the tool's name: a ring of letters bending around an invisible 3D cylinder, a word waving like a flag, typography rippling like water — all in crisp black-and-white monospace. That is the work of Space Type Generator (https://spacetypegenerator.com/), a free, browser-based kinetic typography tool that turns any text you type into a living, rotating 3D type animation.

This review is based on a hands-on inspection of the site itself — its pages, its controls, and even its published source code — so you know exactly what Space Type Generator is, who built it, how to use it, and what it can't do before you open it.

🎯 Key Takeaways

• Space Type Generator is a free kinetic type generator: type any text into a box and watch it wrap, wave, and rotate in real 3D animation, rendered in your browser with the p5.js creative-coding library.
• It was designed and coded by kielm (kielm.com), who signs the site's ReadMe ("Design and coding by KielM.com") and funds the tool through a Buy Me a Coffee donation link — there are no ads and no paywall.
• It ships 23 different animation versions — CYLINDER, FIELD, STRIPES, COIL, FLAG, MORISAWA, CASCADE, RIBBON, LAYERS, DANGER, STRING, BADGE, CLUTTER, CONSTRUCT, SNAP, FLASH, POW, CRASH, CRASH CLOCK, VESSEL, SHINE, BOOST, and BoxSquad — each with its own URL and its own parameter set.
• The default CYLINDER 1.1 version exposes 20+ live sliders grouped as CYLINDER, WAVE, TYPE, TWEAK, and CAMERA controls, plus two color pickers and eight one-click presets (PRIDE!, Simple, Jellyfish, Crown, Complex, Weave, Zebra, Hoops).
• There is no built-in export: the "Save Loop" button exists in the shipped code but is commented out, so capturing the animation means screen-recording it yourself.
• No account, no upload, no payment — the whole thing runs client-side; the only tracking observed is a standard Google Analytics snippet.

What Is Space Type Generator?

Space Type Generator is a web toy — in the best sense of the word — that generates kinetic typography: text that moves in three dimensions. You type a phrase into a text field, and the tool breaks your letters onto a 3D form (a rotating cylinder, a waving flag, a field of stacked glyphs) and animates them in real time using WebGL, courtesy of the p5.js library. Every parameter of the motion is exposed as a slider, so the output ranges from a calm rotating ring to a warped, hypnotic type tunnel in a few clicks.

It solves a specific problem: motion designers, social-media creators, and typographers want the look of 3D kinetic type without opening After Effects, rigging cameras, or learning 3D software. Space Type Generator compresses that workflow to "type text, drag sliders, watch it move." Everything renders live at interactive frame rates, in the browser, for free.

Space Type Generator at a Glance

Visit Space Type Generator

We are not the official developer of Space Type Generator. This page helps users find, understand, and use the product.

Two details from the site itself are worth knowing. First, the tool calls itself STG ("Buy me a coffee to help support STG"), so those three letters are the community's shorthand. Second, the landing page you get is one specific version — _v.cylinder 1.1 — and every other version is a sibling page under the same domain, which is why people often describe very different-looking tools under the same Space Type Generator name.

How to Use Space Type Generator

The tool is deliberately bare-bones: a full-screen canvas, a small control panel, and a text box. Here is the working flow:

1. Open the official website and wait a second for the 3D canvas to start — you'll immediately see the default text spinning on a cylinder of letters.
2. Type your own text. The text field (a simple textarea, focused automatically on desktop) replaces the default quote. Keep it short — the letters are distributed around the 3D form, so a word or a short phrase reads best.
3. Drag the sliders to shape the motion. In CYLINDER 1.1 the panel groups about twenty live parameters: CYLINDER (Radius, Count, Rotate, Offset) controls the ring itself; WAVE (Count, Speed, Latitude, Longitude, Ripple, X-Scale, Y-Scale) bends it; TYPE (X-Scale, Y-Scale, Weight) reshapes the letters; TWEAK (X/Y/Z Rotation) fine-tunes the form; CAMERA (Zoom and X/Y/Z Rotation) frames the shot. Changes apply instantly — there is no render or apply button.
4. Set your colors. Two color pickers control Type Color and Background; the classic look is white type on black, but nothing stops you from going neon.
5. Try the presets. Eight one-click presets — PRIDE!, Simple, Jellyfish, Crown, Complex, Weave, Zebra, and Hoops — load known-good parameter combinations when you'd rather not dial in sliders from scratch.
6. Switch versions. The "Select..." dropdown at the top swaps the whole engine: FIELD, STRIPES, COIL, FLAG, MORISAWA, CASCADE, RIBBON, LAYERS, DANGER, STRING, BADGE, CLUTTER, CONSTRUCT, SNAP, FLASH, POW, CRASH, CRASH CLOCK, VESSEL, SHINE, BOOST, and BoxSquad each have their own page and their own control set, and each can be linked directly (for example, spacetypegenerator.com/field).
7. Capture the result. Since there is no export button, run a screen recorder (macOS Cmd+Shift+5, Windows Xbox Game Bar, or any screen-capture app) while the animation plays, then trim the clip for your project.

On a phone, Space Type Generator still works: the site loads a small on-screen keyboard engine (a separate script, keyboardEngine_190103.js, shipped with the page) so you can edit text on devices without a physical keyboard, and the canvas responds to touch for camera moves. The full slider panel is genuinely more comfortable on a desktop screen, though.

The 23 Versions of Space Type Generator

The "generator" is really a family of generators. Every version replaces the 3D form underneath your text:

• CYLINDER (the default, v1.1) — letters arranged in rotating rings around a cylinder; the deepest control set.
• FIELD, STRIPES, COIL, FLAG — text laid out as a plane of glyphs, striped bands, a coiled spring, or a waving fabric.
• MORISAWA, CASCADE, RIBBON, LAYERS — named variations exploring depth stacking and flowing type.
• DANGER, STRING, BADGE, CLUTTER, CONSTRUCT, SNAP — more playful, poster-like arrangements.
• FLASH, POW, CRASH, CRASH CLOCK — punchier, comic-style motion effects (CRASH CLOCK renders a working clock).
• VESSEL, SHINE, BOOST, BoxSquad — later additions to the family.

Because each version keeps its own URL, a common trick is to bookmark the two or three versions you actually use instead of navigating the dropdown every time.

Is Space Type Generator Safe?

Based on what the site actually is — and we inspected its page source, not just its marketing — here is the honest assessment:

• There is nothing to sign up for. No login, no email, no third-party OAuth; you simply land on the page and it works.
• Your text is processed in your browser. Space Type Generator is a static page plus client-side JavaScript (p5.js); typing text and moving sliders happens locally, and there is no visible mechanism that submits your text anywhere.
• There is no payment step and no file upload. The only monetization is an external "Buy me a coffee" donation link, which you can simply ignore.
• Google Analytics is present. The page loads the standard gtag snippet (account UA-126975214-1), so visits are measured like on most websites; an ad blocker or cookie blocker handles that if you mind.
• No ads, pop-ups, or redirects were observed on the canvas pages — the only pop-up is the ReadMe button, which opens a plain alert box crediting "KielM.com" and giving a contact email (kiel.d.m@gmail.com).
• It is a hobby-scale project. The site is one developer's creative-coding work rather than a company product, so there is no privacy policy or terms page to review — judge it accordingly if that matters for your use case.

Nothing about the site suggests risk beyond ordinary browsing: no downloads, no accounts, no money. The usual advice applies — use it as a tool, and don't type anything into it you wouldn't paste into any random website.

What Space Type Generator Cannot Do

Knowing the limits up front saves disappointment:

• No export or render pipeline. In the CYLINDER 1.1 build the "Save Loop" export button is present in the code but commented out — every version we checked relies on you screen-recording the canvas. There is no GIF, MP4, or PNG export UI.
• No custom font upload. The typeface comes from the page itself (the IBM Plex Mono family loaded from Google Fonts); you can scale and thicken the letters with the TYPE sliders, but you cannot load your brand font.
• Settings don't persist. There is no account and no URL parameter saving — refresh the page and every slider returns to its default, so note down (or screenshot) parameters you like. The presets are the quickest way back to a look.
• It renders text, not layouts. This is a single-phrase kinetic type tool — no multiple text boxes, no logos, no image layers. For full motion-graphics compositions you need a real editor.
• WebGL required. It draws real 3D; on machines with hardware acceleration disabled (or very old GPUs) the canvas can be slow or blank.

Why Is Space Type Generator Popular?

Space Type Generator appears to have spread the way most designer toys do: visually striking, one-URL demos shared directly between motion designers, typographers, and creative coders on social platforms, with each share doubling as a tutorial — "type your name, drag the sliders." The output looks expensive (real 3D kinetic type) while costing nothing, which makes it irresistible material for process videos and inspiration threads. Its instant, zero-friction access — no signup wall before you can try it — does the rest. There is no clear public source showing where the trend originated, so treat any specific origin story with caution; what is verifiable is the site's own longevity (its analytics and build files date back years) and its continued word-of-mouth circulation among design communities.

Space Type Generator Not Working?

If the canvas stays empty or the tool misbehaves, work through this list:

1. Enable hardware acceleration. The tool renders WebGL 3D; if your browser has "use hardware acceleration when available" turned off, the canvas may render blank or very slowly.
2. Try a desktop browser first. Chrome, Edge, Firefox, and Safari all run p5.js fine; the desktop layout also shows the full slider panel, which can crowd out on small phone screens.
3. Refresh to reset. There is no state to corrupt — a reload rebuilds the canvas from scratch. If a slider combo looks broken, refresh and start from a preset.
4. Check the version URL. Each effect lives on its own path (/field, /flag, /morisawa…); if a shared link lands somewhere unexpected, the dropdown's CYLINDER entry (the root URL) is the canonical home.
5. Weak device? Reduce Count. On the CYLINDER version, the "Count" slider multiplies how many letter rings get drawn — dropping it noticeably improves frame rate on older laptops.
6. Still stuck? The ReadMe alert on the site lists the developer's contact email (kiel.d.m@gmail.com); for a free hobby tool, response expectations should stay friendly.

Space Type Generator Alternatives

If Space Type Generator isn't quite what you need, these are the genuinely close options:

• Jitter — a browser motion-design tool with animated text presets and actual video export; the step up when you need files, not just a live canvas.
• After Effects — the professional route to kinetic typography, with full font, timing, and export control in exchange for a steep learning curve and a subscription.
• HypeType — a mobile app built for animated kinetic text in stories and reels; less parametric freedom than Space Type Generator, but it exports straight to social formats.
• Canva — has simple animated-text effects inside a full design tool; the right choice when the animation is one element of a larger graphic.

Frequently Asked Questions

What is the official Space Type Generator website?

The official website is https://spacetypegenerator.com/. All animation versions (CYLINDER, FIELD, FLAG, MORISAWA, and the rest) live under this same domain, and the developer's personal site is kielm.com.

Is Space Type Generator free?

Yes. Space Type Generator is completely free to use, with no account and no paywall. The developer covers costs through a voluntary "Buy me a coffee" donation link on the page.

Do I need an account to use Space Type Generator?

No. There is no sign-in, no email, and nothing to install — you type your text and the animation starts immediately.

Who created Space Type Generator?

The tool was designed and coded by a creator who goes by kielm (site kielm.com). The site's ReadMe alert credits "Design and coding by KielM.com" and lists kiel.d.m@gmail.com as the contact.

Can I export a video or GIF from Space Type Generator?

Not directly. In the CYLINDER 1.1 version the "Save Loop" export button exists in the shipped code but is commented out, so the practical method is to screen-record the canvas while the animation plays and trim the recording.

Can I use my own text and font?

Your own text, yes — that is the entire point of the tool (the default text is the quote "I-TRY-ALL-THINGS;-I-ACHIEVE-WHAT-I-CAN.//"). Your own font, no: the letters render in the site's IBM Plex Mono typeface, adjustable only in scale and weight.

Does Space Type Generator work on phones?

Yes. The page ships a small on-screen keyboard engine for text entry on mobile, and the 3D canvas responds to touch. The full slider panel is more comfortable on a desktop screen, so a common workflow is to tweak on desktop and re-play on mobile.

How many versions does Space Type Generator have?

Twenty-three as of August 2026: CYLINDER, FIELD, STRIPES, COIL, FLAG, MORISAWA, CASCADE, RIBBON, LAYERS, DANGER, STRING, BADGE, CLUTTER, CONSTRUCT, SNAP, FLASH, POW, CRASH, CRASH CLOCK, VESSEL, SHINE, BOOST, and BoxSquad — each with its own URL.

Does Space Type Generator save my settings?

No. There are no accounts and no saved links for parameter combinations; refreshing the page resets every slider to its default. The eight built-in presets (PRIDE!, Simple, Jellyfish, Crown, Complex, Weave, Zebra, Hoops) are the fastest way to reproduce a look.

Is Space Type Generator still available?

Yes — the site is live and was last verified on August 30, 2026, with all 23 versions reachable from the dropdown.

Conclusion

Space Type Generator is that rare free tool with no catch: it does exactly one thing — turn typed text into living 3D typography — and does it with a depth of control (20+ live parameters on the CYLINDER version alone) that most paid competitors don't bother to expose. Its limits are just as clear: no export button, no custom fonts, no saved sessions, so it fits best as an ideation and capture toy for motion designers, editors, and social creators rather than a production pipeline.

If you have ever wanted the kinetic-type look without opening After Effects, open the site, type a word, drag the WAVE sliders, and you'll understand within a minute why designers keep passing the link around.

Visit Space Type Generator