# AI CSS Animations

Aiolum story: https://aiolum.com/story/aicssanimations/ · added 2026-11-06 · updated 2026-11-06

**In short.** AI CSS Animations (AI generator of CSS animations for websites, Not stated in the sources): US$550 a month reported, June 2025. Evidence grade D: reported, not verified. Team: 1 founder, Maxwell Prehoda; the site is written in the first person and no other staff are named. Launched June 2023; still running.

AI generator of CSS animations for websites · Not stated in the sources · AI-native · solo founder · still running · group: Developer tools and coding agents

- Outcome: US$550 a month reported, June 2025 (evidence grade of the headline number: D; headline in US dollars: 6600)
- Launch: June 2023; months from launch to the outcome: 24
- Team: 1 founder, Maxwell Prehoda; the site is written in the first person and no other staff are named
- Outside funding: None reported
- Main factor: Focus
- Meters, 1 to 4: evidence strength 1, copyable pattern 3, capital needed 1
- Tags: AI-native, Solo founder, Bootstrapped, Running, B2B, Web development

Links:

- Visit aicssanimations.com: https://www.aicssanimations.com/
- Product Hunt: https://www.producthunt.com/products/ai-css-animations

**The product.** A web page where you describe an animation in words or by voice, for example "Slide in from the left and scale up", and an AI model writes the CSS code for it. You preview it, change the timing in an editor, and copy the code into your site. Paid plans, which the site lists at US$4.99 and US$15 a month, add premium animations, AI-drawn animated scenes and a library for Claude Code.

**Why it worked.** CSS keyframe animations are short pieces of code that most web developers write by trial and error. A tool that turns one sentence into working code saves that time. The founder added a directory of 2,635 ready animations and prompts, which gives search engines many pages to index, and later added paid features built on Claude.

Evidence grades: A = disclosed by a public company, a filing or a payment processor, or verified by one; B = two or more independent reports agree, or a journalist confirmed it; C = a founder claim that no one else verified; D = reported, not verified: one founder claim or a third-party estimate with no second source; E = no revenue figure found, so the headline is a non-money fact and the other facts carry their own grades; calc = computed on this page from graded facts.

## Summary

AI CSS Animations is a generator of CSS animations, which are movements of page elements (sliding, fading, spinning) written in the style language of web pages. The animation is described by keyframes, a list of the element's position, size or opacity at given points in time, which the browser fills in between. The user types or speaks a sentence, an AI model writes the keyframes, and the page shows a preview that the user can adjust before copying the code.

Maxwell Prehoda built it alone. His about page says the idea came in March 2023, a beta followed in April 2023 and the official launch in June 2023. The FAQ says the tool first used GPT-4 and now uses a custom model for CSS. The paid Basic and Pro plans also sell "studio scenes" in which Claude draws and animates artwork. The Arrfounder directory, which collects figures that founders post on X, lists revenue of US$550 a month and US$7,000 a year, with the data last updated on 19 June 2025.

The only revenue figure is that one directory entry, grade D. No payment-processor profile or founder interview with numbers was found. The page also shows earlier companies that tried to make web animation and design easier and failed.

## Pricing

AI CSS Animations plans in November 2026, read from the upgrade window in the site's own script code because the site has no pricing page (grade C)

| Plan | Per month, billed yearly (US$) | Per month, billed monthly (US$) | Limit |
|---|---|---|---|
| Free | 0 | 0 | free motion prompts and the inspiration board |
| Basic |  | 4.99 | premium animations, 10 studio scenes and 100 AI changes a month |
| Pro |  | 15 | 40 studio scenes and 400 AI changes a month, plus Motions for Claude Code |

The plans are shown as monthly prices; no yearly price was found. The site's code also has a lifetime tier, but no price for it was found. The FAQ offers a full refund by email if the user does not like the results.

## How much revenue does AI CSS Animations make? The numbers, graded

A one-person CSS animation generator with one reported revenue figure: Arrfounder listed US$550 a month in June 2025

| Fact | Value | Grade | Note | Sources |
|---|---|---|---|---|
| Revenue per month, June 2025 | US$550 | D | Arrfounder product page, read 6 November 2026; the page says "Last updated: Jun 19, 2025" and that its data is "publicly disclosed by founders themselves and collected from various sources, primarily Twitter/X". The founder's own post was not found. | [1] |
| Revenue per year, same entry | US$7,000 | D | Arrfounder's annual figure for the same entry, shown again on its 1K to 10K ARR list page. Both pages are the same directory, so they are not two sources. | [1, 2] |
| Run rate from the monthly figure | US$6,600 a year | calc | Calculated: US$550 times 12. Arrfounder rounds it to US$7,000. | [1] |
| Founder | Maxwell Prehoda | C | Named on the Arrfounder page (handle MaxPrehoda); the FAQ gives his own address for refunds and the free side product is published under the GitHub account MaxPrehoda. | [1, 5, 9] |
| Launch | beta April 2023, official launch June 2023 | C | The company's about page timeline: idea and start of development March 2023. | [4] |
| AI model | GPT-4 at first, now a custom model for CSS | C | FAQ: "We initially used GPT-4 to generate animations, but now we have a custom AI model for CSS." The paid plans say "Claude draws the art" for studio scenes. | [5, 6] |
| Prices | Free; Basic US$4.99 a month; Pro US$15 a month | C | Read from the upgrade window in the site's script code on 6 November 2026. | [6] |
| Directory size | 2,635 animations, prompts and more | C | The search box on every page of the site, November 2026. | [3] |
| Usage claim on the about page | 56,000+ animations generated | C | The same block says "over 5,000 unique CSS animations", and the hours-saved counter says 237,842 above a text that says 2378. The counters disagree with each other. | [4] |
| Product Hunt page | launched in 2024, 4 followers | C | Product Hunt product page, read 6 November 2026. | [7] |
| Outside funding | none found | C | No source mentions investors. | [1, 4] |
| Time from launch to the June 2025 figure | 24 months | calc | Calculated: June 2023 to June 2025. | [1, 4] |

How to read this table: a grade D value comes from one third-party directory and has no second source. A grade C value is the company's own statement on its website or a founder post. A "calc" value was computed on this page. No value is grade A or B.

## When did AI CSS Animations launch, and how did it grow? Timeline

From a developer's frustration with keyframe code in March 2023 to paid plans built on Claude in 2026. Each entry carries its grade.

- **March 2023** (grade C [4]): The founder, a developer frustrated with writing CSS keyframes by hand, starts building the generator.
- **April 2023** (grade C [4]): Beta version for a small group of test users.
- **June 2023** (grade C [4, 5]): Official launch. The generator first uses GPT-4.
- **May and June 2024** (grade C [7, 8]): Product Hunt page created on 16 May 2024; the founder posts about the tool on DEV Community on 31 May and 10 June 2024.
- **19 June 2025** (grade D [1]): Arrfounder's entry, last updated that day, lists US$550 a month and US$7,000 a year.
- **November 2026** (grade C [3, 6, 9]): The site sells Basic and Pro plans with AI studio scenes drawn by Claude, and offers Motif, a free open-source set of skills for AI coding agents.

## Why did AI CSS Animations work?

### One small task

The product does one thing: it turns a sentence into animation code with a live preview. A narrow task is quick to build alone and easy to explain in one line.

### A directory of ready animations

The site holds 2,635 animations, prompts and loaders in directories for plain CSS and for Tailwind. Each one is its own page, which gives search engines and visitors many ways in. No source says how many customers came this way.

### Small monthly plans

Basic is US$4.99 a month and Pro US$15 a month, according to the site's upgrade window. At those prices, the US$550 a month that Arrfounder reported in June 2025 would mean between about 37 Pro and 110 Basic subscriptions (calculated: US$550 divided by each price); no source gives the customer count.

## How it was built

These details come from the company's own pages and the page source. They are grade C.

- The site is built with Svelte; the page source carries Svelte markers and SvelteKit route files.
- Generation first used GPT-4; the FAQ says it now runs on a custom model for CSS.
- Studio scenes on the paid plans use Claude to draw the art, animate it and check each frame.
- Accounts use an email and password sign-in, with a free sign-up and a checkout page for the Basic and Pro plans.
- Motif, a free open-source set of ten skills for AI coding agents, is published on GitHub and linked from the home page.

Sources: [3, 5, 6, 9]

## Who tried this before AI CSS Animations, and why did they fail?

Four companies in our database of failed startups tried to make web animation or web design easier and closed. The values below are from that database and are not independently verified.

The failed startups come from our database of dead startups, retold here in our own words; Its entries are AI-assisted summaries of public sources, so they carry no evidence grade.

### Famo.us (2011 to 2017; funding US$31M; cause: Competition)

- Promise: An HTML5 framework for smooth, native-like web animations and interfaces.
- Why it died: Its own rendering engine needed constant updates to keep up with browsers, while React won developers with simplicity and community support.
- Record: 

### Haiku (2018 to 2021; funding US$1.2M; cause: Competition)

- Promise: High-fidelity animations made by designers that go straight into a codebase.
- Why it died: Figma and Adobe XD added prototyping and animation features, which removed the need for a separate animation tool.
- Record: 

### The Grid (2014 to 2020; funding US$4.7M; cause: Product/Tech Failure)

- Promise: Websites designed automatically by artificial intelligence.
- Why it died: The AI of the time gave inconsistent designs, and Wix and Squarespace offered more polished tools.
- Record: 

### Pixate (2012 to 2016; funding US$3.6M; cause: Competition)

- Promise: Native mobile prototypes with interactions and animations, without code.
- Why it died: Google bought it and did not develop it further, while Figma took the design market.
- Record: 

## What changed

The four predecessors built a whole framework or design tool and needed millions of US dollars to do it. AI CSS Animations does a much smaller job: it writes a short block of code from a sentence. The work that took a team before, turning an intent into animation code, is now one call to a language model.

The same fact is the risk. Any general chat model or AI coding agent can also write CSS animations from a sentence. The founder's newer products, AI-drawn studio scenes and a library for Claude Code, look like moves toward things that a plain chat answer does not give.

## Can one person copy AI CSS Animations now?

**Verdict: Yes, the method is simple to copy.**

One developer can build a prompt-to-code tool for a narrow task in weeks, as the about page says this one took from March to June 2023. The hard part is the money: the one reported figure, US$550 a month according to Arrfounder in June 2025, is small.

1. Pick a small coding task that developers do by trial and error.
2. Return working code with a live preview and an editor for fine-tuning.
3. Publish a large directory of ready examples, one page each.
4. Sell a low monthly plan with features that a general chat model does not give.

**What is still open.** Other narrow front-end tasks: SVG icons, loaders, gradients, scroll effects, and skill packs for AI coding agents.

## What could go wrong for AI CSS Animations?

- **What is not verified.** The headline figures, US$550 a month and US$7,000 a year, rest on one source: the Arrfounder directory entry, last updated on 19 June 2025. Arrfounder says its data comes from founders' own public posts, mainly on X, and that it is not responsible for its accuracy. The founder's original post was not found, and no payment-processor profile (for example on TrustMRR) or interview with figures was found. A reader could look for a verified revenue profile or a dated post by the founder.
- **Counters on the about page disagree.** The about page shows "56,000+ Animations Generated" above a text that says "over 5,000 unique CSS animations", and "237,842 Hours Saved" above a text that says "over 2378 hours". It also says "98% reporting high satisfaction" without a survey source. These are the company's own claims and could not be checked.
- **A founder post written as a customer story.** A DEV Community post of 10 June 2024 under the founder's name says that "our development team" working on another company's landing page "discovered AI CSS Animations". The post does not say that its author made the tool.
- **Dependence on model providers.** The FAQ says generation first ran on GPT-4 from OpenAI and now on a custom model for CSS; the paid studio scenes say "Claude draws the art", which ties the paid plans to Anthropic's prices and terms. The sources do not say who hosts the custom model.
- **Competition.** General chat models and AI coding agents can write the same code from a sentence; on this site, AIDesigner, a prompt-to-design tool, reports a Stripe-verified US$8.6K a month in October 2026, about 16 times the figure Arrfounder lists here.

## Sources

1. Arrfounder product page: Aicssanimations, $550/mo — https://arrfounder.com/product/aicssanimations (grade D). Read in full on 6 November 2026. A directory entry based on founders' public posts; source for the monthly and annual revenue, the founder's name and the date of the data.
2. Arrfounder list page: 1K-10K ARR SaaS Products (2026) — https://arrfounder.com/products/1k-to-10k-arr (grade D). Read the entry for this product in the pipeline's download of 6 November 2026. Same directory as source 1, so not an independent confirmation.
3. AI CSS Animations home page — https://www.aicssanimations.com/ (grade C). Read in full on 6 November 2026, with the page source. Source for the product, the directory size, Motif and the Svelte build.
4. AI CSS Animations about page — https://www.aicssanimations.com/about (grade C). Read in full. Source for the timeline from March to June 2023 and the usage counters.
5. AI CSS Animations FAQ — https://www.aicssanimations.com/faq (grade C). Read in full. Source for the AI models (GPT-4, then a custom model) and the refund policy.
6. AI CSS Animations upgrade window, in the site's script file P-2Sm8Xn.js — https://www.aicssanimations.com/_app/immutable/chunks/P-2Sm8Xn.js (grade C). Downloaded and read the text strings only, 6 November 2026, because the site has no pricing page. Source for the plans, prices and the Claude studio scenes.
7. Product Hunt: AI CSS Animations — https://www.producthunt.com/products/ai-css-animations (grade C). Read in full. Source for the 2024 launch year and the follower count.
8. DEV Community, max prehoda, 10 June 2024: Create CSS Animations with AI — https://dev.to/max_prehoda_9cb09ea7c8d07/create-css-animations-with-ai-5b4o (grade C). Read in full. A post under the founder's name; source for the posting dates and the wording noted in watch.
9. AI CSS Animations: Motif skills page — https://www.aicssanimations.com/skills (grade C). Read the install section. Source for the free open-source Motif skills under the GitHub account MaxPrehoda.
10. Database of failed startups, local export — /method/#dead (grade C). Local export. AI-written summaries, not independently verified. Source for the failed predecessors.

Contact: aiolum@livyden.com. Run AI CSS Animations? Send corrections or a verified figure to aiolum@livyden.com (subject: Correction: AI CSS Animations).