Dylan Hobbs

Generative Art

Backgrounds 181

About

Generative node splitting, click to generate. Every generation is unique.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Generative Art to your project and fits it to your theme.

Code

How Generative Art is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Component } from "@/components/ui/generative-art";

export default function DemoOne() {
  return <Component />;
}

More by Dylan Hobbs

View all
  • Bloom

    Bloom

    100
  • Customizable Loader / Spinner / Transition

    Customizable Loader / Spinner / Transition

    63
  • Cool Blob Effect

    Cool Blob Effect

    38
  • Zima Blue!

    Zima Blue!

    11

More in Backgrounds

View all
  • Elegant Dark Pattern

    Elegant Dark Pattern

    837
  • Gradient Backgrounds

    Gradient Backgrounds

    27
  • Background snippets

    Background snippets

    16
  • Tailwind CSS Background Snippet

    Tailwind CSS Background Snippet

    542
  • Light theme Tailwind CSS Background Snippet

    Light theme Tailwind CSS Background Snippet

    227
  • LivingOrigami bg

    LivingOrigami bg

    139
  • Background Components

    Background Components

    20
  • Jade Sky

    Jade Sky

    91