Dylan Hobbs

Cool Blob Effect

Component 38

About

A fun blob effect in pure css. Uses keyframes and blur filters.

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

Code

How Cool Blob Effect is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Component } from "@/components/ui/cool-blob-effect";

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

More by Dylan Hobbs

View all
  • Generative Art

    Generative Art

    179
  • Bloom

    Bloom

    99
  • Customizable Loader / Spinner / Transition

    Customizable Loader / Spinner / Transition

    62
  • Zima Blue!

    Zima Blue!

    11