Black Hole Effect

An animated black hole. Recolor it, change the speed and copy the code.

free · live preview · copy the code

Black hole customization:

Code:


    <section
      className="flex flex-col items-center h-screen"
      style={{
        backgroundImage: `radial-gradient(circle at bottom, #000000 40%, #3b3a3a 50%, #000 80%)`,
        filter: `blur(10px)`
      }}
    >
      {your component or page}
    </section>

More generators