Aurora / Mesh UI components
Aurora and mesh backgrounds layer soft, animated gradients into a glowing northern-lights effect behind your hero. Drop in this free React and Tailwind component for instant atmosphere.
Aurora / Mesh components
- ✓ Unlimited components
- ✓ All 41 styles
- ✓ Figma export
About aurora / mesh
Aurora and mesh backgrounds layer soft, animated gradients into a glowing northern-lights effect behind your hero. Drop in this free React and Tailwind component for instant atmosphere. Soft flowing multicolor mesh, glassy text.
All Aurora / Mesh blocks are free, MIT-licensed and copy-paste ready in React & Tailwind. Need raw CSS? Try the free generators, or browse every look in the full collection.
FAQ
Aurora and mesh backgrounds layer soft, animated gradients into a glowing northern-lights effect behind your hero. Drop in this free React and Tailwind component for instant atmosphere.
Aurora / Mesh is defined by soft flowing multicolor mesh, glassy text. Use the shared color, radius, border, shadow and motion tokens in the examples above to reproduce the look consistently in React and Tailwind.