Beautiful shaders for SwiftUI, React Native and the web — tweak sliders, then export a real .metal file, Skia shader or web component without shader code.
Animation3DWeb+2
metalforge.xyz
Visitopens in a new tab
Spline
spline.design
Browser-based 3D design tool with real-time collaboration, animation, physics and an AI agent for building interactive web experiences.
What is Spline?
Spline is a web-based 3D design platform covering modeling, layered materials, timeline animation, states and events, game controls and physics. An AI agent works alongside the editor for agentic editing, and real-time data can flow in through variables, webhooks and APIs. Finished experiences ship to the web, iOS and Android, including a Webflow embed via the Spline viewer, and you can start by remixing community designs.
Best for
- Interactive 3D websites and web experiences
- Team-based 3D product and brand design
- 3D logos, mockups and animated characters
Key features
- Real-time collaborative 3D editor in the browser
- States, events, game controls and physics
- Layer-based materials with a ready-made library
- Variables, webhooks and APIs for live data
- Multi-platform export to Web, iOS and Android
Related resources
A browser-based 3D device mockup and animation studio — build scenes, animate them, customize screens and export polished product visuals.
3DAnimationMobile+1
hano.so
Home of five free React UI effect libraries — Beam, Orb, Gooey, Metal and Image — built to be installed and wired up by coding agents.
ReactAnimationAI+3
libraries.dev