Pro11 GPU effects · 28 sections · tools on your repo
Pro. Page sections, GPU effects and CI tools, each with its measured cost.
The 102 primitives stay MIT. Pro adds WebGL effects that release the GPU on every navigation, whole sections, and audits on your pull requests: GPU effects, sections, audits, byte meters, monthly drops
11
GPU effects, lost-context tested
28
sections, demos never gated
102
primitives, MIT forever
1.9
kB raw: the runtime, once per site
built withthe section →
11 GPU effects, tested for leaks and lost contexts.
Each one runs only while it is on screen, stops for reduced motion, comes back from a lost context and releases the GPU on every navigation. Each one prints its bytes. Move your cursor over them.
Hyperspeed.
hold to jump
Plans
Pro pays for new components every month and for agent tooling that runs on your code.
Free
$0/yr
MIT, forever
- 102 primitives, no account, no token
- Runtime, GSAP and Lenis adapters
- Public shadcn registry
- MCP server
Pro
$129/yr
One person, billed yearly
- 28 sections and 11 GPU effects, demos never gated
- Every template, starting with Waitlist
- audit_motion and measure_budget, locally and in CI
- compose_section with a total cost
- New components monthly, dated changelog
- Email support within 2 working days
Team
$349/yr
Up to 10 people, one invoice
- Everything in Pro, for the whole team
- One key for the team, locally and in CI
- Move up from Pro at any time
- More than 10 people: email us
built withthe section →
The license clause
Every component you install while subscribed stays licensed to you forever, on unlimited sites, your own and your clients'. The subscription pays for the registry, the agent tooling, support and everything that ships next.
Cancel and everything you installed keeps working and stays licensed. Full terms: license · 14-day refund.
What Pro adds
01 · tools that run on your code
Audits that run on your code
audit_motion checks your components and styles against 13 rules, among them transition: all, transitions and keyframes on layout properties, motion with no prefers-reduced-motion branch, hover motion that fires on touch, and astro:page-load listeners with no teardown. measure_budget reports the JavaScript each built page loads against a ceiling you set. Both answer through the MCP server in your editor, and run as commands in CI with your key.
The CI recipe →$ npx -y @moonarc/mcp audit src
moonarc audit · 1 files · 2 errors, 1 warnings, 1 notes
error src/components/Hero.astro:7 [transition-all] `transition: all` animates every property, including layout
error src/components/Hero.astro:11 [page-load-listener] `astro:page-load` listener without an `astro:before-swap` teardown
warn src/components/Hero.astro:1 [no-reduced-motion] file animates but has no reduced-motion branch
info src/components/Hero.astro:1 [hover-not-gated] :hover motion not gated on (hover: hover)02 · a cadence you can audit
New components every month
New components every month, each listed with its date in a public changelog, so you can check the cadence before you pay. When Astro or Tailwind ship a new major version, Pro supports it within 30 days.
The changelog →changelog · public, dated
2026-09-28fix: what the audit of every product found
2026-09-28the logo
2026-09-26fix: what the component audit found
03 · the expensive work
Page sections and GPU effects, each with its JavaScript cost
28 page blocks composed from the free primitives, each labelled with its measured byte cost. And 11 GPU effects on one GL core: WebGL that makes its context only when it is seen, stops off screen, lets go of the GPU on every navigation and recovers a lost context. Ported WebGL demos often fail at these points.
Every one, live →six of 28, with the price printed
built withthe section →
28 sections, with public demos and gated source.
Composed from the free primitives, with the timings that read well. The cost of each is printed. Click one for the live demo and the install command.
404
ProA 404 page: the code scrambles into place from random digits, rings spread slowly behind it, and the headline, copy and one link home arrive in three beats..
'%2F%3E%3Crect%20width%3D'160'%20height%3D'90'%20fill%3D'url(%23b)'%2F%3E%3C%2Fsvg%3E)
The logo
The site wears its logo kit: the mark in the header and the footer, and the same drawing on the share cards, the favicons and the home screen icon.
'%2F%3E%3C%2Fsvg%3E)
The site measures before it prints, and an About page
'%2F%3E%3C%2Fsvg%3E)
The library is Moonarc
'%2F%3E%3C%2Fsvg%3E)
The home stops carrying 141 demos
'%2F%3E%3Crect%20width%3D'160'%20height%3D'90'%20fill%3D'url(%23b)'%2F%3E%3C%2Fsvg%3E)
Phase 7F.3: the default palette
Blog Grid
ProShows blog posts as cards, with the first post featured across two columns.
A closing call to action: a deep brand panel with an aurora and film grain behind it, a headline that catches a shine, a magnetic primary action, a secondary one, and a typed command.
Compares your product with others in an "us versus them" table.
Docs Shell
ProA documentation layout: a sticky sidebar with the current page marked, a reading-progress hairline bound to the scroll, the header and content revealed in two beats, and previous/next links.
A split hero: a tall headline revealed line by line on the left, a live panel sliding in from the right, on a slowly drifting grid.
Questions people actually ask
Short answers. The long ones are in the docs.
Is it really zero JS?
For 67 of 102, yes, measured from a build.
Does it survive View Transitions?
Yes, verified on Astro 5, 6 and 7.
Do I need Tailwind?
No.
FAQ
ProA heading and lead beside a native accordion: one question open at a time, heights animated by the browser, keyboard and screen reader handled by <details>.
Lays out features as a bento grid: one slab split by 1 px hairlines, with the page ground showing through the gaps.
Feature Rows
ProShows features in alternating rows of copy and a visual.
Field Hero
ProA hero with a field of glyphs behind a panel in the brand colour (ink on a page without a theme) whose meta line, headline and actions wipe in one after another.
Footer
ProA site footer: brand and blurb, link columns revealed with a stagger, a legal row, and a dot field fading up from the bottom edge.
Hero Section
ProA complete hero as one component with props: an ambient aurora, a headline split and revealed word by word, supporting copy with a rotating word, two actions and a typed command.
A grid of integrations, tools or partners: cards with an icon, a name and a line, each lit by a spotlight that follows the cursor and lifting on hover, revealed with a tight stagger..
Logo Wall
ProA "trusted by" section: a heading, a strip of greyscale logos drifting past that colour up on hover, and optionally the same logos as a hairline grid revealed with a stagger.
Mega Menu
ProA menu bar whose panels open as popovers anchored under their triggers, columns revealing with a stagger, closing on Escape or outside click.
Newsletter
ProAn email signup section built on a real form: native validation, an invalid state that only shows after the user has typed, a submit button whose label swaps for a spinner when the form carries data-pending, a status line for your handler, and a dot field behind.
Free
$0/yr
MIT, forever
- 102 primitives, no account, no token
- Runtime, GSAP and Lenis adapters
- Public shadcn registry
- MCP server
Pro
$129/yr
One person, billed yearly
- 28 sections and 11 GPU effects, demos never gated
- Every template, starting with Waitlist
- audit_motion and measure_budget, locally and in CI
- compose_section with a total cost
- New components monthly, dated changelog
- Email support within 2 working days
Team
$349/yr
Up to 10 people, one invoice
- Everything in Pro, for the whole team
- One key for the team, locally and in CI
- Move up from Pro at any time
- More than 10 people: email us
Shows pricing plans side by side, with an annual/monthly toggle that swaps every price with zero JavaScript (radios and :has), the highlighted plan wearing a travelling border beam, cards revealed with a stagger.
A feature-by-plan comparison: the highlighted plan's column lit, rows revealed with a 40 ms stagger as the table scrolls into view, and a header row that sticks when you cap the table's height.
Stats Row
ProShows big numbers that count up when scrolled into view, 120 ms apart, with labels and an optional bar under each, in a hairline row.
A vertical timeline: the line draws itself down the page in step with the scroll, each step revealing from the line's side as it is reached, markers numbered or dated.
A sticky navigation bar that condenses over the first 120 px of scroll: the row tightens and a hairline appears, bound to the document's scroll timeline.
Team Grid
ProShows team members in a hairline grid: portraits that tilt toward the cursor with a glare, initials when there is no photo, names and roles revealed with a stagger..
A hero for developer tools: split headline on the left, a terminal window on the right that types the install command and prints its output line by line, on a pulsing dot field.
Shows two rows of testimonial cards drifting in opposite directions, pausing while hovered so any quote can be read.
You're in
Thanks, you're on the list.
We'll write once, the day it opens. Until then, every friend who joins through your link moves you up.
- Your place in line
- 1,284
- Your referral link
- https://example.com/?ref=ada-2418
Thank You
ProA thanks page for after a signup: a headline, the reader's place in line rolling up, a referral link with a copy button, and one burst of confetti.
Waitlist · private beta
Doors open soon.
One email when they do. Type it in and watch it go. The form underneath is real.
Opens
Demo: nothing is sent.
A pre-launch hero with a waitlist form: a flip countdown over a retro grid floor, an email field whose text blurs away on submit, a status line that says what happened, and the people already waiting.
Compared with the alternatives
The table marks the rows where another option is the better choice.
| Moonarc Pro | React Bits Pro | Aceternity | |
|---|---|---|---|
| Astro without a React island | yes (better) | no | no |
| Measured JS cost per component | yes, in CI (better) | no | no |
| Tools that run on your repo | audit + measure (better) | no | no |
| WebGL spectacle | 11 so far, each tested for leaks and lost contexts | far more (better) | some |
| Fixed catalogue, one payment | Founding 200 only | $129–349 once | $199 once, better if that is all you want (better) |
Checked on 25 September 2026 against React Bits Pro and Aceternity: both sell React components, which run in Astro as React islands, and neither lists a component's JavaScript size. React Bits Pro has three tiers at $129, $249 and $349, each paid once.
built withthe section →
Questions people actually ask
Short answers. The long ones are on the pricing page and in the license.
I already copied the code. Why keep paying?
You should not, if that is all you need. What you installed stays licensed to you forever. The subscription buys the registry, the agent tooling that runs on your code, support, and what ships next.
What happens when I cancel?
Everything installed keeps working and stays licensed, in every project. Registry access, the Pro MCP tools and new releases stop at the end of the paid year. There is no "no new projects" clause.
Why a subscription when Aceternity is $199 once?
A year of Pro is $129. It pays for the registry, the MCP tools that run on your code, and new components every month. If a fixed catalogue is all you want, Aceternity's lifetime plan, $199 on 2026-09-28, is the better deal.
Is it really zero JS?
For 67 of 102 primitives, yes, and every page on this site prints the measured number. Sections compose Reveal on a runtime of 1.9 kB raw, once per site.
Can I use it in client work?
Yes. Unlimited sites, yours and your clients'. Clients need no license of their own.
built withthe section →
Founding 200
$249 once, 200 seats, closed for good after.
Pro for one person, paid once, for as long as Moonarc Pro runs. We discount the cohort, never the list price. Otherwise: Pro at $129 a year.
The list gets the link 48 hours before anyone else.
Start with the free primitives.
102 primitives free. 28 sections and 11 GPU effects when you want the expensive work done.
See the plansEvery component, live
npx astro add moonarc
built withthe section →