DeepSeek v4 Flash HTML Collection
A curated gallery of standalone HTML/CSS/JS experiments — visual art, interactive tools, and generative designs.
0 pieces
#001
Aurora Glass
Create a visually stunning glassmorphism landing page with an animated aurora borealis-inspired background. The page features a grid of glass cards with subtle backdrop blur, light border highlights, and a mouse-tracking shine effect. Stars twinkle in the background. The hero title uses a gradient text effect. Each glass card has an icon, title, description, and badge. The overall aesthetic is ethereal, luminous, and premium — like holding polished crystal.
Interactive
#002
Floating Planets
Create a cosmic visualization with orbiting planets around a central typography piece. Five planets of varying sizes and colors orbit at different speeds and radii, some reversing direction. Each planet has a realistic radial gradient sphere with shadow and glow. Two semi-transparent rings rotate slowly. A canvas starfield with twinkling stars forms the background. The title "Cosmos" is centered with wide letter-spacing and a soft purple glow. The overall feel is meditative, vast, and celestial.
Passive
#003
Neon Cyberpunk
Create a cyberpunk/retrowave inspired page with a glitch text effect, animated scanline overlay, grid background with perspective, and neon cards. The main title "NEON//DREAM" has a glitch animation with cyan and magenta offset layers. A scanning line travels down the screen. Four neon-accented cards display system-like metrics with animated progress bars on hover. Corner brackets appear on card hover. The color palette is deep purple/black with hot pink (#ff0080) and cyan (#00c8ff) neon accents. Monospace typography throughout.
Interactive
#004
Minimal Legacy Watch
Create a luxury watch product showcase with a vintage editorial aesthetic. A realistic 3D CSS watch face shows an animated working clock with hour, minute, and second hands. The watch has a rose gold body with a cream dial, Roman-style markers (generated by JavaScript), a date window, crown, and leather strap. The layout is a two-column split: the watch on the left with subtle 3D perspective and floating animation, and editorial content on the right including tag, headline, italic description, specification grid, and a call-to-action button. The color palette is warm neutrals, cream, rose gold, and dark brown. Serif typography throughout.
Interactive
#005
Particle Network
Create an interactive particle connection network visualization on a dark blue-black background. Particles drift slowly and connect with glowing lines when within a threshold distance. The mouse cursor acts as an attractor node, connecting to nearby particles with brighter lines. Clicking creates a burst of new particles at the cursor position. The overlay shows "Connected" title in light uppercase with wide letter-spacing. A counter in the bottom shows connection count and node count. The aesthetic is futuristic, data-driven, and meditative.
Interactive
#006
Liquid Dream
Create an organic morphing blob visualization with smooth, fluid-like blobs that drift and morph organically. Each blob is composed of points connected with quadratic curves, creating a liquid, amoeba-like shape. Multiple blobs with different sizes drift toward center points while pulsing. The color scheme cycles through purple/blue, warm red/orange, green/teal, and pink/magenta palettes. Clicking changes the color set and regenerates the blobs. The title "Liquid Dream" appears in large, faint white text. A monospace hint at the bottom invites interaction.
Interactive
#007
Brutal Type
Create a brutalist typography showcase page with raw, unapologetic design. Three massive staggered title lines in contrasting colors (red, white, blue) with glitch animations. The first line is filled red, the second is outlined white, the third is filled blue. A noise texture overlay and scanning scanline add grit. A stats grid with animated bottom bars shows typographic metrics. An italic quote with citation adds editorial weight. A two-column description block explains the brutalist philosophy. Monospace labels and heavy Impact fonts throughout. The aesthetic is raw, industrial, and confrontational.
Interactive
#008
Zen Garden
Create a digital zen rock garden with a warm sand-colored background, raked sand patterns (horizontal lines and concentric ellipses around rocks), and five hand-crafted stone shapes rendered as SVG paths with subtle highlight strokes. Bamboo stalks on the right side, a stepping-stone path on the left, and minimalist "Zen Garden" text centered at the bottom. The rocks have a drop shadow and hover lift effect. Mouse movement causes the rocks to drift subtly in response to cursor position, like a gentle breeze. The overall mood is serene, balanced, and meditative.
Interactive
#009
Cosmic Dust
Create a nebula particle system visualization with thousands of particles that form colorful dust clouds. Multiple nebula "centers" drift slowly with their own color palettes (blues, purples, pinks, teals), and particles near each center take on its colors. Particles flicker gently and wrap around screen edges for an infinite cosmos feel. Clicking reshuffles the nebula centers and particle positions. The title "Cosmic Dust" is large and faint. The background has a subtle trailing effect. The aesthetic is deep space, interstellar, and ethereal.
Interactive
#010
Kinetic Letterforms
Create an interactive kinetic typography visualization where letters dance and respond to mouse movement. The word "KINETIC" forms the core, with each letter springing toward its target position but repelled by the mouse cursor. Additional random floating letters drift around. Letters have subtle rotation, size pulsing, and glow that intensifies near the cursor. Connection lines appear between adjacent main letters when they are close. Clicking re-randomizes all positions. The background is dark, and the letters glow in soft blue-white. The overall feel is playful, responsive, and elegant.
Interactive
#011
Glass Calculator
Create a fully functional calculator with a premium glassmorphism aesthetic. The calculator floats above a dark purple gradient background with two large blurred orbs that drift slowly. The calculator body is translucent with backdrop blur and subtle border glow. Buttons are categorized: number buttons (semi-transparent white), operator buttons (cyan tint), function buttons (more transparent), and a gradient equals button. The display shows the expression and result with elegantly sized typography. Button press has a scale animation. Each button has a mouse-tracking radial shine overlay. The design feels like a premium iOS/macOS accessory crafted from crystal.
Interactive
#012
Color Wave
Create a generative wave visualization with multiple layered sinusoidal waves in vibrant colors. Each wave has its own amplitude, frequency, speed, phase, and vertical offset, creating a complex, flowing composition. The waves are rendered both as filled semi-transparent areas and as thin stroke lines, producing a rich, layered look. Five color palettes cycle on click, shifting between pink/blue/purple, green/magenta, cyan/hot pink, orange/violet, and pastel combinations. The title "Chromatic Flow" appears in white with overlay blend mode. The overall aesthetic is fluid, vibrant, and hypnotic.
Interactive
#013
Isometric City
Create a 3D isometric cityscape with procedurally generated buildings. Each building has front, side, and top faces with distinct colors and lit windows generated via JavaScript. The buildings are arranged in a loose grid with random variation in size, height, and color palette (blues, purples, teals, warm browns, magentas). A subtle grid ground plane anchors the scene. The entire city slowly rotates in 3D via CSS transforms. The title "Isometric City" is displayed at the bottom with minimal, elegant typography. The aesthetic is architectural, geometric, and slightly futuristic.
Passive
#014
Monochrome Editorial
Create a black-and-white magazine editorial layout that celebrates monochrome design. The page features a bold hero section with a large "Monochrome Editorial" headline, a highlighted black box word, italic subtext, and metadata. A diamond divider separates sections. Content is organized in 2-column and 3-column grids with numbered cards, each with a bold stat header and italic description. A centered blockquote with citation adds editorial gravitas. A stats row shows four metrics. The footer contains publication details. The design is minimal, typography-focused, and high-contrast — like a premium print magazine.
Passive
#015
Neon Butterfly
Create a mesmerizing neon butterfly that follows the mouse cursor with smooth, organic movement, leaving a rainbow trail. The butterfly is rendered on canvas with two upper and two lower wings that flap based on a sine wave. Wings are filled with radial gradients in shifting hues, creating an iridescent neon effect. The butterfly's body, antennae, and wing outlines complete the form. The trail fades from vibrant color to transparency. When the mouse is not moving, the butterfly wanders gently. The background fades with a trailing effect for smooth motion. The overall aesthetic is psychedelic, luminous, and graceful.
Interactive
#016
Analytics Dashboard
Create a premium dark analytics dashboard with a glassmorphism-style container. The dashboard features four KPI cards with labels, values, percentage changes (up/down arrows), and sparkline mini-charts. A two-column charts section shows a weekly revenue bar chart and a traffic sources pie chart with legend. Below is a recent activity feed with color-coded dots. The design has a dark blue-gray background, subtle glass borders, hover effects on cards, and a clean data visualization aesthetic. Colors are professional — green for positive, red for negative, blue for primary data.
Interactive
#017
Scroll Story
Create a vertical scroll storytelling page with CSS scroll-snap. Four full-screen sections guide the viewer through a narrative: (1) Intro with large gradient headline and scroll hint, (2) Statistics with animated gradient numbers, (3) Process steps with numbered list, (4) Call to action with button. A fixed progress indicator on the right shows current section with glowing dots. Sections have distinct radial gradient overlays. The overall aesthetic is dark, elegant, and minimal — like a premium product launch page. Backgrounds shift subtly between sections.
Interactive
#018
Geometric Dreams
Create an interactive 3D geometric shape visualization that morphs between platonic solids (tetrahedron, cube, octahedron, icosahedron). The shape is rendered as a wireframe with glowing colored edges and vertices on a dark background. The rotation follows the mouse cursor. Clicking or tapping morphs the shape into the next solid with a smooth ease-in-out transition. Edges and vertices have hue cycling based on position and time. The projection uses a simple 3D-to-2D perspective transform. The overall aesthetic is futuristic, minimalist, and hypnotic.
Interactive
#019
Bokeh Dreams
Create a soft bokeh circle visualization with large blurred colored orbs drifting gently across a dark gradient background. Each circle has a radial gradient with a brighter inner spot, simulating lens bokeh. Circles have various sizes, blur amounts, alpha levels, and hue/saturation values, creating a rich, dreamlike depth of field effect. They drift slowly with sine-wave acceleration and wrap around screen edges. Clicking spawns a burst of new circles at the cursor position with explosive velocity. The title "Bokeh Dreams" is rendered in faint overlay text. The overall feel is calm, dreamy, and photographic.
Interactive
#020
Crystal Growth
Create a generative crystal growth visualization where faceted crystal structures grow organically from nucleation points. Each crystal has multiple facets radiating from a center, rendered as quadrilateral shapes with varying hues (blue-purple spectrum), alpha levels, and edge strokes. Crystal tips have a glow effect. Crystals slowly grow additional facets over time. Clicking spawns new crystals at the cursor. Moving the mouse also generates new crystals in the vicinity. The background fades with a trailing effect. The overall aesthetic is frozen, geometric, and luminescent — like observing crystal formation under a microscope.
Interactive
#021
Sunset Horizon
Create an animated sunset landscape with a glowing sun, gradient sky, drifting clouds, flying birds, and silhouetted ground with trees. The sky transitions through deep purple, magenta, orange, and gold gradients. The sun has multiple glow layers and a bright core. Clouds are composed of soft radial gradient segments that drift horizontally. Birds fly with flapping wings. The ground has a wavy silhouette with stylized evergreen tree shapes. The title "Sunset Horizon" appears at the bottom in large, faint text. The overall aesthetic is painterly, warm, and serene — like a digital oil painting of golden hour.
Passive
#022
Holographic Shimmer
Create a holographic premium card with an iridescent shimmer effect. The card has a conic-gradient animated border that spins continuously, a multi-color shimmer background, and a moving light overlay. The content includes a badge, gradient title, description, pricing, feature list with checks, and a gradient CTA button. The card tilts in 3D on mouse move, responding to cursor position with perspective transforms. The conic gradient border angle also follows the cursor. The aesthetic is futuristic, premium, and iridescent — like a holographic credit card or limited edition collectible.
Interactive
#023
Ripple Pond
Create an interactive water ripple simulation on a dark blue pond surface. Clicking or touching creates ripples that propagate outward with realistic damping. The ripples cause pixel displacement (refraction-like distortion) and color shifting through blue tones, with brighter highlights at ripple peaks. Moving the mouse creates small ripples. The water surface has a deep radial gradient background. The title "Ripple Pond" is rendered in faint, widely-spaced text at the bottom. The overall aesthetic is tranquil, liquid, and meditative — like watching ripples spread across a still pond at night.
Interactive
#024
Typography Poster
Create a typographic poster in a dark theme with floating words in various styles (filled, outline, tiny, small) with different colors (pink, cyan, yellow, purple) and staggered floating animations. A giant gradient letter "A" dominates the center with hue rotation and a subtle offset shadow. The layout includes top/bottom bars with metadata, a horizontal rule, a tagline, and a row of tag badges. A subtle film grain effect overlays everything. The overall aesthetic is experimental, bold, and typography-centric — like a design school poster.
Passive
#025
Space Explorer
Create an interactive 3D space exploration scene with a star field and various space objects (planets with optional rings, asteroids, nebula clouds). The camera moves forward continuously through space at a variable speed controlled by scroll wheel. Mouse drag rotates the view. Stars are distributed in a large volume and regenerate as they pass behind. Planets have radial gradient shading with ring ellipses. The UI shows position coordinates, star count, speed, and object count in a HUD-like overlay. The aesthetic is deep space, immersive, and exploratory.
Interactive
#026
Vintage Grain
Create a vintage analog aesthetic page with heavy film grain texture, warm sepia/brown tones, and editorial layout. The container has a subtle noise overlay with grain animation, vignette shading, and flickering. Content includes a header with date, title, and italic subtitle, a photo placeholder, a two-column body text with drop cap, a vintage badge, and a footer. The typography is serif (Georgia) with warm cream/dark brown colors. Elements fade in sequentially with float-up animation. The overall aesthetic is aged, warm, nostalgic — like reading a mid-century literary journal.
Passive
#027
Circuit Board
Create a glowing green circuit board visualization on a dark green background. Nodes are arranged in a semi-random grid connected by traces (lines) with pulsing signal dots traveling along them. Traces glow with a green neon color and fade in and out with pulse animation. Nodes have a similar glow and pulse. The scene has a trailing fade for smooth animation. The title "Circuit Board" appears faintly at the bottom in green. The overall aesthetic is cybernetic, technological, and neon-green — like a living PCB.
Passive
#028
Data Flow
Create a network data flow visualization with nodes connected by edges, and data packets traveling between nodes. Nodes are arranged in layered clusters with labels, glowing with cyan/blue light. Packets travel along connections as bright projectiles with trailing glow and hue variety. The background has a trailing fade effect for smooth motion. Mouse proximity makes nodes glow brighter. New packets spawn randomly. The scene feels like a dynamic network topology visualization — futuristic, data-driven, and alive.
Interactive
#029
Pulse Rings
Create an expanding ring visualization with colorful concentric circles that pulse outward from various points. Each ring has a unique hue, expands at its own speed, fades as it grows, and has both a main stroke and a glow stroke. Rings spawn at the mouse position on move, in bursts on click, and randomly across the canvas. The background trails with a slow fade for smooth motion. The overall aesthetic is sonar-like, hypnotic, and colorful — like a frequency visualization.
Interactive
#030
Kaleidoscope
Create a digital kaleidoscope with 8-fold radial symmetry. Colorful dots move within a wedge and are mirrored across all segments, creating intricate symmetrical patterns. Connection lines between mirrored points add geometric structure. Radial guide lines emanate from the center. The colors cycle through the spectrum and shift over time. Clicking changes the hue offset and regenerates points. A subtle center glow anchors the composition. The background trails for smooth motion. The overall aesthetic is psychedelic, symmetric, and mesmerizing.
Interactive
#031
Fire Particles
Create a fire particle simulation with glowing embers that rise, flicker, and fade. Particles spawn at the mouse cursor, creating a controlled flame effect. Each particle has warm hues (orange, red, yellow), upward velocity with wobble, a radial glow, and a bright core. Particles decay in life, size, and alpha. Clicking creates a burst of fire. The background has a dark red-black trailing fade. The overall aesthetic is warm, dynamic, and fiery — like a living flame.
Interactive
#032
Glass Dashboard
Create a premium analytics dashboard with a glassmorphism aesthetic. The page features blurred background orbs, glass cards with KPI metrics (revenue, users, conversion, bounce rate), a weekly bar chart, a donut chart for traffic sources with SVG circles, and a recent activity feed. The glass cards have backdrop-filter blur, subtle borders, and hover lift. The color palette uses dark purple gradient background with cyan, green, blue, yellow, and pink accents. The overall aesthetic is premium, data-driven, and crystalline — like a high-end financial dashboard.
Interactive
#033
Neumorphic Player
Create a music player with a soft neumorphism (neuromorphic) design style. The player features a gradient album art with a animated shine sweep, song title and artist, a progress bar with knob, time stamps, main controls (previous, play/pause, next), and secondary controls (shuffle, repeat, volume slider with bar, favorite). All buttons have neumorphic shadows (light top-left, dark bottom-right) and depress on click. The play button has a gradient fill. The progress bar animates to simulate playback. The color palette is soft gray/white with purple-blue gradient accents. The aesthetic is soft, tactile, and premium — like a high-end audio app.
Passive
#034
Origami
Create a 3D origami paper crane scene with multiple cranes floating in space. Each crane is built from CSS 3D-transformed triangular faces (wings, body, tail, neck) with warm paper tones. Smaller paper "petals" drift and rotate around them with floating animations. The entire group rotates slowly, creating a sense of weightlessness. The background is warm cream/beige. The title "Origami" appears faintly at the bottom. The overall aesthetic is delicate, handcrafted, and serene — like paper sculptures suspended in air.
Passive
#035
Storm Clouds
Create an animated thunderstorm visualization with dark clouds, lightning flashes, and lightning bolts. Clouds are composed of multiple overlapping radial gradient puffs with subtle wobble animation. Periodically, a random cloud flashes and a lightning bolt descends. The background is a dark stormy sky with trailing fade. Clicking triggers a dramatic flash and multiple lightning bolts. The overall aesthetic is dramatic, atmospheric, and electric — like watching a storm roll in.
Interactive
#036
DNA Helix
Create a 3D DNA double helix visualization with glowing base pairs. Two colored strands (blue-cyan and pink-magenta) spiral around a central axis, connected by horizontal bonds. Each base pair is a sphere with glow, sized and faded based on its Z-depth. Backbone lines trace the two strands. Mouse position affects the twist phase. The background is a deep dark blue with trailing fade. The overall aesthetic is scientific, bioluminescent, and futuristic — like a molecular biology visualization.
Interactive
#037
Retro Terminal
Create a retro CRT terminal emulator with a glowing green monochrome display. The terminal window has macOS-style traffic light dots, a title bar, scanline overlay, and a scanning horizontal line. Output text appears with a typewriter fade-in effect. Pre-programmed commands auto-execute sequentially (whoami, uptime, ls, etc.) with realistic responses. A blinking cursor sits at the prompt. Clicking triggers a random command. The color palette is black background with various shades of green text. The aesthetic is nostalgic, cyberpunk-adjacent, and authentically retro.
Interactive
#038
Butterfly Wings
Create an iridescent butterfly wing visualization with multiple butterflies floating in space. Each butterfly has two upper and two lower wings rendered with bezier curves, filled with multi-hue radial gradients that shift over time. Wing veins and decorative spots add detail. The wings flap with a sine-wave animation. The butterflies gently drift, and one follows the mouse cursor. Clicking regenerates the butterflies with new colors. Tiny scale-like particles float in the background. The overall aesthetic is delicate, iridescent, and ethereal — like a collection of jewel-toned butterflies.
Interactive
#039
Floating Islands
Create a fantasy landscape of floating islands suspended in a misty sky. Each island has a grassy top, rocky bottom with hanging roots, trees (trunk + foliage clusters), and optional small water features. Islands float at different heights and drift gently with sinusoidal vertical motion. A fog layer adds atmospheric depth. The color palette is earthy greens, browns, and cool blues. Clicking regenerates the island configuration. The overall aesthetic is dreamy, fantastical, and atmospheric — like a scene from a Studio Ghibli film.
Interactive
#040
Mandala
Create a generative mandala pattern with 16-fold radial symmetry and 12 concentric layers. Each layer has petal shapes, dots, and arc details that rotate at different speeds, creating a complex, evolving pattern. Concentric circles connect the layers. The center has a lotus-like cluster of dots and a subtle glow. Colors cycle through the spectrum over time. Clicking shifts the hue. The background trails for smooth animation. The overall aesthetic is spiritual, symmetrical, and hypnotic — like a dynamic rangoli or sacred geometry.
Interactive
#041
City Rain
Create a rainy night cityscape with silhouetted buildings, lit windows, and falling rain. Buildings have varying heights, widths, and window patterns with some lit (warm yellow) and some dark. Rain falls as slanted lines with subtle wind. Splashes appear when raindrops hit the ground. A mist overlay adds atmosphere. The background is a dark blue-black with trailing fade. The overall aesthetic is moody, cinematic, and atmospheric — like a Blade Runner-inspired rain scene.
Passive
#042
Prism Light
Create a light refraction visualization showing white light entering a triangular prism and splitting into rainbow-colored beams. The prism follows the mouse cursor. Twelve beams emanate from the prism, each with a unique hue, following slightly different paths to simulate refraction. Each beam has segments that bend, creating a scattered rainbow effect. Beams have endpoint glow. Clicking regenerates the beam configuration at the click position. The background is dark with trailing fade. The overall aesthetic is scientific, colorful, and luminous — like a physics demo meets light art.
Interactive
#043
Lava Lamp
Create a lava lamp simulation with organic blobs that rise, morph, split, and merge within an elliptical glass container. Blobs are rendered as smooth organic shapes using quadratic curves with sine-wave morphing. They have warm red/purple/orange hues with radial gradient fills. The lamp has a glass outline, top cap, base, and a warm glow at the bottom. Blobs are confined to the elliptical lamp shape. Clicking spawns a new blob. The background is dark with trailing fade. The overall aesthetic is retro, groovy, and hypnotic — like a classic 70s lava lamp.
Interactive
#044
Morse Code
Create a Morse code visualization where dots and dashes rise from the bottom of the screen like glowing signals. The word "HELLO WORLD" is encoded into Morse code and transmitted as a sequence of glowing green/cyan dots (short) and dash pills (long). Signals drift upward, fade, and pulse. Ambient random signals add atmosphere. Faint connection lines link nearby signals. The background is a very dark teal with trailing fade. The overall aesthetic is minimalist, cybernetic, and rhythmic — like data transmission visualized as light.
Passive
#045
Pixel Art
Create a generative pixel art display with a grid of colored pixels that form organic patterns. Pixels are arranged based on a noise function, creating clusters and structures. Colors come from a random palette and gently flicker. Individual pixels occasionally change color, making the pattern slowly evolve. The entire grid regenerates every 8 seconds with a new palette and pattern. The background is dark with trailing fade. The overall aesthetic is retro, chunky, and dynamic — like a living pixel canvas.
Interactive
#046
Feather
Create a delicate feather visualization with multiple feathers floating and rotating gently in space. Each feather has a central shaft (rachis), left and right barbs with quadratic curves, and tiny barbules (side hairs). The feathers drift slowly with sine-wave motion. Colors are in the blue-cyan-green spectrum with subtle hue shifting. Fluff at the base adds realism. Clicking regenerates the feathers. The background is very dark with trailing fade. The overall aesthetic is soft, organic, and airy — like feathers suspended in a gentle breeze.
Interactive
#047
Clock Face
Create a minimalist analog clock face with glowing blue elements on a dark background. The clock features hour markers (with longer marks at 12, 3, 6, 9), minute dots, hour numbers at cardinal positions, hour/minute/second hands, a glowing second hand with trail, and a center dot. A digital time display sits below the clock face. The clock tells real time. The overall aesthetic is clean, luminous, and precise — like a premium smartwatch face.
Passive
#048
Wave Interference
Create a physics wave interference visualization with multiple wave sources emitting concentric ripples. Waves combine constructively (bright cyan) and destructively (dark) based on superposition. The color mapping uses blue for positive amplitude and warm tones for negative. Clicking adds a new wave source at the cursor (up to 8). Sources have different frequencies and hues. The background trails for smooth motion. The overall aesthetic is scientific, fluid, and educational — like a ripple tank simulation.
Interactive
#049
Kaleidoscope Flowers
Create a floral kaleidoscope with blooming flowers that drift and rotate. Each flower has 8 petals drawn with bezier curves, filled with soft radial gradients in shifting hues. Petals bloom open and closed with a sine wave. The center has a glowing core. Clicking adds a new flower at the cursor. Flowers drift slowly with sine-wave motion. The background is dark purple with trailing fade. The overall aesthetic is floral, psychedelic, and delicate — like animated botanical illustrations.
Interactive
#050
Sound Visualizer
Create a generative audio visualization with frequency bars that pulse and dance to simulated music data. 64 bars rise and fall with colored gradients (warm to cool spectrum). Each bar has a glow effect and top highlight. A mirrored reflection appears below the baseline. The simulated audio has beats, frequency peaks, and noise bursts that create a realistic visualization feel. The background fades with a trail. The overall aesthetic is vibrant, rhythmic, and energetic — like a premium music player visualizer.
Passive
#051
Cube Field
Create a 3D field of wireframe cubes arranged in a spherical cluster. Cubes have varying sizes, hues, and are rendered with depth-based alpha. The entire field rotates smoothly, following the mouse cursor for rotation control. Edges are drawn with colored lines, vertices as glowing dots. Clicking regenerates the cube configuration. The background is very dark blue with trailing fade. The overall aesthetic is futuristic, volumetric, and colorful — like a data center visualized as glowing crystals.
Interactive
#052
Ink Bleed
Create an ink bleed simulation where colored ink drops spread on paper with fuzzy edges. Each drop consists of multiple particles that drift outward with Brownian motion, creating organic, feathery patterns like ink on wet paper. The paper background is warm cream. Colors are in the blue-purple spectrum. Clicking adds ink drops at the cursor. Drops fade slowly as they spread. The overall aesthetic is organic, artistic, and fluid — like watercolor or ink painting.
Interactive
#053
Typographic Hierarchy
Create an editorial article page that demonstrates typographic hierarchy principles. The page features a large bold headline, italic subhead, byline, body text with optimal line length, section titles with numbered prefixes, a pull quote with left border, a two-column grid for secondary content, a stats row, and a numbered list. The design is clean, classic, and typography-focused — like a premium design publication article. Serif typography throughout with system-ui for metadata. Warm cream background with dark text.
Passive
#054
Geometric Abstraction
Create a Mondrian-inspired geometric abstraction composition generator. The canvas is subdivided recursively into rectangles filled with a limited palette (red, blue, yellow, white, black). Each block has slightly inset inner content with borders, creating the classic De Stijl aesthetic. Blocks have a hover scale effect. A shuffle button regenerates the composition, and a reset button does the same. The overall aesthetic is modernist, abstract, and balanced — like a generative Piet Mondrian painting.
Interactive
#055
Night Sky
Create a starry night sky with constellation lines. Stars have color temperature variation (blue-white to orange-red), twinkle animation, and glow for bright stars. Constellations are automatically generated by connecting nearby stars with faint lines. Moving the mouse near constellation stars highlights the constellation with brighter lines and shows a label. The background is very dark blue with trailing fade. The overall aesthetic is astronomical, serene, and educational — like a portable planetarium.
Interactive
#056
Rose
Create a blooming rose with layered petals that open and close gently. The rose has a stem with leaves, and multiple layers of petals in deep red/crimson hues with radial gradient shading. Petals are rendered as ellipses with layer-based depth sorting, creating a 3D flower effect. The bloom animates with a breathing motion. Occasional falling petals drift down. Clicking regenerates the rose. The background is very dark red with trailing fade. The overall aesthetic is romantic, organic, and delicate — like a living rose in the dark.
Interactive
#057
Swarm
Create a boids flocking simulation with 80 agents that exhibit emergent swarm behavior. Each boid follows three rules: alignment (match velocity with neighbors), cohesion (move toward center of neighbors), and separation (avoid crowding). The mouse cursor repels boids. Boids leave faint trails and are connected to nearby neighbors with thin lines. Each boid has a unique hue and is drawn as a small triangle oriented in its movement direction. Clicking regenerates the swarm. The background is very dark with trailing fade. The overall aesthetic is dynamic, biological, and hypnotic — like watching a starling murmuration.
Interactive
#058
Folding Fan
Create animated folding fans that open and close gently. Each fan has multiple ribs (spokes) with fabric panels between them, rendered in warm hues. The fan opens and closes with a sine-wave animation. Ribs are drawn as lines with varying width and color, and fabric panels are semi-transparent filled triangles. A pivot dot and handle complete the design. Clicking regenerates the fans. The background is dark with trailing fade. The overall aesthetic is elegant, traditional, and kinetic — like hand-painted Japanese fans.
Interactive
#059
Marbling
Create a marbling pattern with flowing sinusoidal lines that create organic, fluid shapes reminiscent of paper marbling or ink on water. Each line has its own amplitude, frequency, phase, speed, and color, creating complex interference patterns. Lines undulate slowly, making the pattern shift organically. The background is warm cream paper color. Clicking generates a new marbling pattern. The overall aesthetic is artistic, fluid, and organic — like handmade marbled paper.
Interactive
#060
Spiral Galaxy
Create a spiral galaxy with thousands of stars arranged in spiral arms. 4 spiral arms emanate from the center with scatter, creating a realistic galactic structure. Stars have differential rotation (inner stars rotate faster). The central bulge has warm yellow/orange stars, arms have cool blue/purple stars. Stars twinkle with varying brightness. The galaxy rotates slowly. Clicking regenerates the galaxy. The background is very dark with trailing fade. The overall aesthetic is astronomical, majestic, and vast — like a deep space telescope view.
Interactive
#061
Neon Signage
Create a neon sign display with five glowing text lines in different neon colors (pink, cyan, yellow, green, purple). Each line has a multi-layered text-shadow creating a realistic neon glow effect, and each has a unique flicker animation simulating neon tube imperfections (flickering on/off at various rates). A subtle grid background suggests a city window at night. The overall aesthetic is retro, luminous, and urban — like a collection of vintage neon signs in a dark alley.
Passive
#062
Paper Texture
Create a textured paper article page with a realistic paper grain effect. The page has a warm cream background with SVG feTurbulence noise overlay that animates subtly, plus a vignette shadow. The content is a literary essay with serif typography, drop cap, italic subhead, ruled dividers, and a signature. The overall aesthetic is analog, warm, and literary — like a page from a fine press book or a high-end stationery brand.
Passive
#063
Jellyfish
Create a bioluminescent jellyfish visualization with translucent bells and flowing tentacles. Jellyfish drift slowly upward with pulsing bells and undulating tentacles. Each jellyfish has a blue/cyan hue with radial gradient transparency. The bell has an inner pattern. Tentacles are drawn as segmented curves with sine-based wave motion. Tiny bubbles float upward. The background is deep ocean blue with trailing fade. Clicking adds a new jellyfish. The overall aesthetic is aquatic, ethereal, and luminous — like deep-sea bioluminescent creatures.
Interactive
#064
Aurora Borealis
Create an aurora borealis (northern lights) visualization with colorful bands of light rippling across a dark night sky. Multiple aurora bands in green, teal, and purple hues undulate with dual-sine wave motion. Each band has multiple layers with slightly offset positions for depth. Stars twinkle above. A dark ground silhouette with gentle hills anchors the scene. The overall aesthetic is atmospheric, natural, and breathtaking — like viewing the northern lights in the Arctic.
Interactive
#065
Topography
Create a topographic map visualization with contour lines showing elevation. Multiple sine waves combine to create complex terrain. Contour lines at different elevations are drawn as paths connecting points of equal height. The terrain subtly shifts over time. The color palette uses warm earth tones (browns/tans). The background is cream paper. The overall aesthetic is cartographic, organic, and detailed — like a vintage topographic map brought to life.
Passive
#066
Honeycomb
Create a honeycomb hexagon grid with glowing golden hexagonal cells. Each hexagon has a radial gradient fill in warm gold/amber hues and pulses gently. The grid covers the entire canvas with staggered rows. Hexagons have slightly varied sizes, hues, and pulse phases for organic variation. The background is dark with trailing fade. Clicking regenerates the grid. The overall aesthetic is geometric, warm, and organic — like a glowing honeycomb viewed up close.
Interactive
#067
Lightning
Create a lightning storm visualization with jagged lightning bolts striking from the sky. Each bolt has a random segmented path with branches, rendered in bright blue-white with multiple glow layers. Bolts fade over time. A screen flash accompanies each strike. Lightning strikes automatically at random intervals. Clicking triggers a massive burst of multiple bolts. The background is very dark with trailing fade. The overall aesthetic is dramatic, electric, and powerful — like a thunderstorm at night.
Interactive
#068
Peacock
Create a peacock with an iridescent fan of feathers. The peacock has a body, neck, head, and eye. The tail fan opens and closes with a breathing motion, revealing dozens of feather "eyes" — colorful spots with surrounding barbs. Feathers have shimmering hues cycling through blue, teal, green, and gold. Each feather eye pulses with its own phase. The overall aesthetic is majestic, ornate, and iridescent — like a peacock displaying its plumage.
Interactive
#069
Sand Dunes
Create a desert sand dune landscape with layered, undulating dune shapes. Each dune has its own amplitude, frequency, phase, and speed, creating a complex, shifting desert scene. Dunes are rendered as filled shapes with warm sand colors and ridge highlights. They are depth-sorted by vertical offset. The dunes shift slowly over time, simulating wind erosion. The background is dark warm brown with trailing fade. Clicking regenerates the dunes. The overall aesthetic is warm, organic, and tranquil — like watching dunes shift in the desert.
Interactive
#070
Mosaic
Create a colorful mosaic tile pattern with irregular rectangular tiles in shifting hues. Each tile has its own hue, saturation, lightness, and alpha, creating a rich, stained-glass-like composition. Tiles subtly shift in brightness over time. The mosaic covers the entire canvas. Clicking regenerates the mosaic with new colors. The overall aesthetic is colorful, textured, and Byzantine — like a digital stained glass window.
Interactive
#071
Chess Board
Create a 3D chess board with isometric perspective that follows the mouse. The board has 64 squares (8x8) with alternating light/dark colors. Each square has a thin 3D extrusion for depth. The board rotates in 3D based on mouse position. The background is dark with trailing fade. The overall aesthetic is classic, strategic, and dimensional — like a luxury chess set viewed from above.
Interactive
#072
Rainbow Prism
Create a circular rainbow spectrum with colored bars arranged in a radial pattern, like light passing through a prism. Bars rotate slowly and have varying widths and heights that pulse. The full color spectrum cycles continuously. A subtle white glow at the center adds depth. The background is very dark with trailing fade. The overall aesthetic is colorful, optical, and mesmerizing — like a spinning color wheel or disco ball.
Passive
#073
Smoke
Create a smoke simulation with billowing smoke particles that rise, expand, and fade. Smoke is emitted from the mouse cursor and from random points at the bottom. Particles are rendered as soft radial gradients in gray tones, creating a realistic smoke effect. Particles drift upward with wind-like random acceleration and grow in size as they fade. The background is very dark with trailing fade. The overall aesthetic is atmospheric, moody, and realistic — like smoke drifting in a dark room.
Interactive
#074
Watercolor
Create a watercolor painting effect with soft, bleeding color blobs on paper. Each watercolor drop consists of multiple overlapping circles with slight wobble, simulating the way watercolor spreads on wet paper. Colors cycle through the full spectrum. Clicking adds new drops at the cursor. The background is warm cream paper. The overall aesthetic is soft, artistic, and fluid — like a watercolor painting in progress.
Interactive
#075
Starmap
Create an interactive star map where you can add stars by clicking. The canvas shows a field of twinkling stars with varying sizes, brightness, and some with labels. Clicking adds a new star at that position. Stars twinkle with individual phases and speeds. The background is very dark blue with trailing fade. The overall aesthetic is astronomical, interactive, and serene — like a personal star catalog.
Interactive
#076
Orbit
Create an orbital particle visualization with multiple glowing particles orbiting a central point. Each particle has its own radius, speed, size, and hue, creating a complex, dynamic system. Particles have an outer glow. The center has a small white dot. The background is very dark with trailing fade. The overall aesthetic is atomic, dynamic, and colorful — like electrons orbiting a nucleus.
Passive
#077
Compass
Create an interactive compass that always points toward the mouse cursor. The compass has an outer ring, cardinal direction labels (N, E, S, W), degree ticks at regular intervals, and a two-color needle (red north, blue south) that rotates to follow the mouse. The compass has a subtle blue glow. The background is dark with trailing fade. The overall aesthetic is nautical, precise, and luminous — like a ship's compass at night.
Interactive
#078
Fibonacci Spiral
Create a Fibonacci spiral visualization using the golden angle for point distribution. Hundreds of points spiral outward with each point at angle = i * 2π/φ and radius = √i * scale. Points are colored using the golden angle hue spacing (137.5° increments). Connection lines between consecutive points reveal the spiral. The number of points oscillates over time. A warm center glow adds depth. The background is dark with trailing fade. The overall aesthetic is mathematical, organic, and beautiful — like a sunflower head or nautilus shell.
Passive
#079
Neon Heart
Create a glowing neon heart with particles rising from its surface. The heart is drawn using the parametric heart equation (x = 16 sin³t, y = 13 cos t - 5 cos 2t - 2 cos 3t - cos 4t). It pulses with a breathing animation and emits glowing pink particles that float upward. The heart has a radial gradient fill, a glowing outline, and an outer glow layer. The background is very dark magenta with trailing fade. Clicking regenerates the heart. The overall aesthetic is romantic, neon, and ethereal — like a glowing neon sign.
Interactive
#080
Infinity Mirror
Create an infinity mirror effect with concentric glowing rings that recede into the center. Each ring has a different hue cycling through the spectrum, creating a tunnel-like effect. Rings shrink geometrically (85% each layer) and fade in both brightness and alpha. An inner glow at the center suggests endless depth. The background is black with trailing fade. The overall aesthetic is psychedelic, deep, and hypnotic — like staring into an infinity mirror tunnel.
Passive
#081
Tornado
Create a tornado funnel visualization with particles swirling upward in a vortex. Particles orbit a central axis at varying radii and heights, with upward velocity and shrinking radius simulating a funnel. Particles are gray/white with varying alpha. The background is dark with trailing fade. The overall aesthetic is atmospheric, dynamic, and powerful — like a weather phenomenon.
Passive
#082
Lissajous
Create a Lissajous curve visualization with a 3:4 frequency ratio. The curve traces a complex figure-8 pattern with a slowly rotating phase offset. The line is colored with a gradient that cycles through the spectrum. The background is very dark with trailing fade. The overall aesthetic is mathematical, elegant, and rhythmic — like an oscilloscope pattern.
Passive
#083
Glaciers
Create an ice crystal visualization with faceted crystalline structures in blue-cyan hues. Each crystal has multiple facets radiating from a center point, with slight rotation and glow animation. Crystals vary in size and facet count. The background is dark icy blue with trailing fade. The overall aesthetic is frozen, geometric, and luminous — like ice crystals under a microscope.
Passive
#084
Fireworks
Create a fireworks display with colorful exploding particle bursts. Each firework explodes into 50-130 particles with trails, gravity, and fade. Particles have individual hues, velocities, and decay rates. Fireworks auto-launch at random positions. Clicking triggers a firework at the cursor. The background is dark navy with trailing fade. The overall aesthetic is celebratory, colorful, and dynamic — like a 4th of July fireworks show.
Interactive
#085
Mushroom Cloud
Create a mushroom cloud particle simulation with particles rising from ground zero and spreading outward. Particles start at the bottom center, rise rapidly, expand, and fade. Colors are warm oranges and browns. A ground glow at the base adds atmosphere. The background is very dark with trailing fade. The overall aesthetic is dramatic, powerful, and ominous — like a nuclear explosion cloud.
Passive
#086
Spider Web
Create a delicate spider web with radial strands and concentric rings that sag under tension. Dew drops glisten on the web, twinkling with reflected light. The web has a subtle breeze animation causing gentle wobble. The background is very dark blue. The overall aesthetic is intricate, delicate, and atmospheric — like a dew-covered spider web at dawn.
Passive
#087
Coral Reef
Create an underwater coral reef scene with swaying coral branches and small fish. Corals have pink-purple hues with branch structures that sway gently. Small fish particles drift through the scene. The background is deep ocean blue-green with trailing fade. The overall aesthetic is aquatic, organic, and colorful — like a tropical reef ecosystem.
Passive
#088
Binary Rain
Create a Matrix-style digital rain with binary digits (0 and 1) falling in columns. Each column has a stream of characters with varying speeds and lengths. The leading character is brighter, creating a trail effect. Characters are green on black background. The characters are randomly selected 0 or 1. The overall aesthetic is cyberpunk, digital, and iconic — like the Matrix code rain.
Passive
#089
Sierpinski
Create a Sierpinski triangle fractal with recursive subdivision. Each triangle is filled and stroked with a hue based on its position, cycling through the spectrum. Clicking increases the recursion depth (up to 7). The background is dark with trailing fade. The overall aesthetic is mathematical, colorful, and geometric — like a fractal visualization.
Interactive
#090
Plasma Ball
Create a plasma ball visualization with electric arcs emanating from the center to the edge of a glass sphere. Multiple arcs with different hues (cycling through spectrum) curve and flicker like real plasma. The sphere has a glass-like appearance with radial gradient. A center glow represents the high-voltage core. The background is very dark with trailing fade. The overall aesthetic is electrical, colorful, and mesmerizing — like a classic plasma globe.
Passive
#091
Opal
Create an iridescent opal gemstone visualization with shifting color patches and shimmering highlights. The opal has a dark purple base with rainbow-colored patches that drift and change hue. Tiny shimmer dots sparkle across the surface. The overall aesthetic is jewel-like, iridescent, and luminous — like a precious opal catching light.
Passive
#092
Rings
Create an orbital ring visualization with multiple rings orbiting a central point. Each ring has its own radius, hue, speed, thickness, and orbit angle. Rings orbit in 3D space around the center, creating a dynamic layered effect. The background is very dark with trailing fade. The overall aesthetic is atomic, orbital, and colorful — like a stylized atom model.
Passive
#093
Ripple Effect
Create a water ripple effect where expanding concentric rings emanate from click points. Each ripple has a unique hue, expands outward, and fades. Ripples have both a main and glow ring. Clicking creates a new ripple at the cursor. The background is dark blue with trailing fade. The overall aesthetic is fluid, responsive, and colorful — like dropping pebbles into a pond of light.
Interactive
#094
Aurora Waves
Create a flowing aurora wave visualization with multiple colored bands that ripple horizontally. Each band has a distinct hue (cycling through blue, green, purple) and undulates with complex sine wave patterns. Bands fade vertically and overlay each other. The background is very dark blue with trailing fade. The overall aesthetic is ethereal, flowing, and luminous — like northern lights dancing across the sky.
Passive
#095
Neon City
Create a neon-lit cyberpunk city skyline at night. Buildings have pink and cyan neon outlines and windows that flicker. The scene has a dark purple sky with a ground reflection glow. Windows randomly turn on/off with flicker animation. The overall aesthetic is cyberpunk, retro-wave, and atmospheric — like a scene from a synthwave music video.
Passive
#096
Geometric Portrait
Create an abstract geometric face portrait using polygon outlines. The face is composed of connected points forming the head, eyes, nose, and mouth shapes. Lines have a slight wobble animation. Eyes have glowing irises. The style is minimalist, wireframe, and abstract. The background is dark with trailing fade. The overall aesthetic is modern, artistic, and computational — like a low-poly wireframe portrait.
Passive
#097
Tree of Life
Create a fractal tree (tree of life) with branching limbs that grow recursively. Each branch splits into two with slight angle variation and sway animation. Leaves appear at the tips as small glowing dots. The tree is drawn in green hues with varying brightness. The background is black with trailing fade. The overall aesthetic is organic, recursive, and luminous — like a glowing tree in the dark.
Passive
#098
Solar System
Create a solar system model with the sun at center and 8 orbiting planets. Each planet has a unique size, orbital radius, speed, and color. Orbits are shown as faint circles. Planets have radial gradient shading for 3D effect. Saturn has rings. The sun has a warm glow. The background is very dark with trailing fade. The overall aesthetic is educational, astronomical, and serene — like an orrery.
Passive
#099
Ocean Waves
Create a layered ocean wave visualization with multiple wave lines at different heights. Each wave has its own amplitude, frequency, speed, and phase, creating a realistic, complex sea surface. Waves are filled with semi-transparent blue-cyan colors and have thin ridge highlights. The background is deep ocean blue with trailing fade. The overall aesthetic is aquatic, rhythmic, and calming — like watching the ocean surface from above.
Passive
#100
Abstract Liquid
Create an abstract liquid or morphing blob visualization with concentric organic rings that undulate and shift colors. Each ring has a complex sinusoidal distortion creating fluid, organic shapes. Rings are filled with semi-transparent colors cycling through the full spectrum. Lines between rings create depth. The background is very dark with trailing fade. The overall aesthetic is fluid, psychedelic, and organic — like colorful oil on water.
Passive