The living library
of real-time effects
80+ crafted shaders, generators and motion systems.
Built by a real studio — computed in code, never stock.
Live assets
Every tile is the real effect running in real time — not a video. Open one, tune it, take the code.
Design generators
Design tools that run in your browser. Every result is reproducible from its seed — exports are high-res with a commercial licence.
Copy the prompt.
Paste it anywhere
Every asset ships as source and as a prompt. One copy — and it rebuilds itself in whatever tool you live in.
Adapter: Claude Code
Theme: Synced
Licence: Commercial
$ claude
❯ add the Aurora hero from ARTEFAKT
✓ components/fx/aurora.tsx
✓ +142 lines — adapted to your theme
✓ running at 60 fps
60 fps · zero lock-in
import { Aurora } from '@/fx/aurora'
<Aurora speed={0.9} />
React + TypeScript + GLSL — source that lands in your repo, yours to edit.
Copy once — the asset rebuilds itself in whatever tool you live in.
Bookmarked into lists — personal or team-shared, back in one click.
Simple numbers
Play with everything for free. Pay when the work ships. Cancel anytime.
Free
- Play with every effect
- Tune all controls
- Watermarked previews
- Community licence
Pro
Popular- Copy code for every effect
- Prompt format for AI tools
- High-res generator exports
- Commercial licence
- New drops every month
Packs
- Themed asset packs
- Templates & sections
- Source included
- Commercial licence
Questions, answered
The library, the licence and how assets land in your project.
01What exactly do I get?+
Source code — React / TypeScript components and GLSL shaders that land in your repo, plus high-resolution exports from the generators. No lock-in: what you download is yours to edit.
02Can I use the assets commercially?+
Yes. Pro and Packs come with a commercial licence for client and product work. The free tier is for exploration and personal projects.
03How is this different from free component libraries?+
Every effect here is an original ARTEFAKT build — designed as one system, tuned for a 60 fps frame budget, and maintained. Generators produce deterministic, reproducible output from a seed.
04Do the effects work with AI coding tools?+
Each asset ships as code and as a prompt. Paste the prompt into Claude Code, Cursor or Lovable and the component rebuilds itself inside your project, adapted to your theme.
Make something they'll remember.
Start with the free library. When you need the generators and the code to ship it, Pro is ready.
Need the full engine, not just parts? The studio does that