Pricing

Mesh Gradient

Canvas mesh gradient with drifting colour blobs composited in lighter mode.

9,420

Bookmarks

12,900

Installs

187,600

Views

15 lines
import { MeshGradient } from "@/components/ui/mesh-gradient"

export default function DemoMeshGradient() {
  return (
    <div className="relative flex min-h-[400px] w-full items-center justify-center overflow-hidden bg-black">
      <div className="absolute inset-0 opacity-70">

9 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
2/27/2026

Similar components

That's all 6 components

Explore more

Part of Juno GL — browse the full library on Nuxus.