Skip to main content

Black FridayLifetime Pro for $224 instead of $449Ends in0d00h00m00sSee the deal

Components1,249
Blocks7,903
3D Models3,392
Illustrations995
Mockups348
Icons191
Fonts1,002
Shaders108
Backgrounds103
Skills114
All assets2,599

Skeuomorphic Music Card
Event ticket
Quick Settings Tiles
Nightly prices
Animated Color Selector
Blur Glide Menu

Animated React and Tailwind components: copy the code or let your agent add it

Explore Components

Figma467
Framer783
Webflow24
Coded185
Decks67
Notion39
All templates1,431

Dark Bento UI Kit
ElementX
FINA
Snow Dashboard UI Kit
Finance & Banking Mobile App
Paradise App UI Kit

467 Figma templates by real designers, popular first

Explore Figma templates

Websites2,931
Sections4,535
Interface4,491
Branding1,026
OG Images816
All inspiration13,799

Shopify editions
Oryzo
Air Inc
More Nutrition
Giga Ai
Poster

Hand-picked websites with a live screencast on every card

Explore Websites

Dither Prism Hero React Component – Componentry • Craftwork

Components/Componentry

Dither Prism Hero

Free

A breathtaking WebGL hero background featuring advanced dithering, prismatic refraction, and holographic iridescence rendered in real-time with GLSL.

Category: Backgrounds
Built with: React, Tailwind, Three.js, Motion
Installs: @react-three/fiber @react-three/drei three framer-motion
Files: dither-prism-hero.tsx + 1 more

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Componentry

by Harsh Jadhav

53 components

Copyright (c) 2026 Harsh Jadhav. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Animated Gradient

Animated Grid Pattern

Dither Gradient

Flickering Grid