The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Moonarc, 102 motion components for Astro, each shown next to the JavaScript it actually costs, measured from a real build. 67 of them ship zero JS.
I built the catalogue around the question a developer asks before adding an effect: what will this do to my page? Every tile is the live component, and the byte count under it comes straight out of the build.
The same hero built twice makes the point. Five effects on Moonarc's runtime come to 7.5 kB. The same five in a React island with Framer Motion come to 350.5 kB.
Pro adds 11 WebGL effects and 28 page sections, each tested for memory leaks and lost GPU contexts. Works on Astro 5, 6 and 7.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Which hero direction feels right for this founder-focused brand?
While working on the homepage for Sean Parsons, a brand focused on empowering non-technical founders to launch tech startups, I explored two different visual directions for the hero section. Same message, same structure, just a different mood and color system.
Option 1 - Warm Olive. Dark, grounded, and editorial, giving a warm, established, expert feel.
Option 2 - Light Purple. Clean, modern, and vibrant, giving a fresh, SaaS-like, approachable feel.
Would love your honest UX/UI take, which direction feels more trustworthy, engaging, and aligned with a founder-focused brand, and why?
25 voted
69%
11 voted
31%
36 votes
Closed
I like worm Olive most because it has different personality
Cleann🔥
NUVO Furniture — Sculptural Furniture E-commerce Concept 🪑✨
NUVO is a contemporary furniture website concept built around one idea: let the product become the experience.
At the center of the concept is Plush Bold — an expressive statement chair designed to feel more like a...
I designed and built this real-time orbital situational awareness dashboard for Kessler Watch.
Communicating the density of low Earth orbit debris without sacrificing browser performance required bridging scientific telemetry with optimized WebGL rendering. Simulating over 500 cataloged satellites, spent booster stages, and fragmentation clouds around an interactive globe with dynamic close-approach warnings, scrubbable timeline controls, and altitude distribution graphs turned raw tracking metrics into an urgent, tactile space-surveillance experience.😊
