HomeCategoriesGenerative Art & Algorithmic Patterns

🎨 Generative Art & Algorithmic Patterns

Flow fields, stippling, Mandelbrot sets and L-systems — algorithms as artistic tools.

124 simulations60 fps real-time0 install steps
Flow Fields3000 particles trace a Perlin noise vector field that evolves over time. Switch Ocean, Van… Stippling & PointillismWeighted Voronoi stippling via Lloyd's relaxation algorithm. Points self-organise into… Mandelbrot Set ExplorerClick to zoom into any region of the Mandelbrot set, drag to pan, and jump to famous spots… L-System FractalsGenerate fractal plants, trees and curves with Lindenmayer grammar rewriting and turtle… IFS Fractals — Iterated Function SystemsWatch fractal attractors emerge from chaos: pick Barnsley fern, Sierpinski triangle, Dragon… Julia Set Fractal Explorer — Interactive Complex DynamicsClick anywhere on the Mandelbrot set to set parameter c and watch the matching Julia fractal… Perlin Noise — Procedural Terrain & Texture GeneratorInteractive 2D Perlin noise visualiser with fractional Brownian motion (fBm). Generate… Turtle Graphics & L-Systems — Interactive Fractal Art SimulatorType turtle-graphics rewrite rules and watch L-Systems draw Dragon Curve, Koch Snowflake,… Truchet TilesDrop randomly rotated Truchet tiles onto a grid and watch simple arc and diagonal motifs… Cyclic Cellular AutomataLet cells cycle through colour states by consuming their neighbours, and watch random noise… K-Fold Rotational SymmetryDraw one stroke and have it mirrored around k rotational axes, turning a loose scribble into… Islamic Geometric PatternsBuild star polygons and girih tilings from compass-and-straightedge rules, generating the…
Random Walker Diffusion SimulationWitness particles executing random walks that eventually form intricate DLA dendrites as you… Voronoi GrowthNewCrystalline growth patterns from Johnson-Mehl-Avrami nucleation: seeds grow outward into a… Procedural City Generation SimulatorNewExplore the creation of infinite cities through adjustable parameters like road and building… Computational Photo ArtNewTurn any image into algorithmic art: ASCII text, photomosaic, stipple dots or… Poisson-Disk SamplingNewBridson's blue-noise sampler in action: an active list grows by accepting candidates at… Lloyd's RelaxationNewMove each point to the centroid of its Voronoi cell and repeat — points drift into a… Tessellated Sphere Patterns – SuperformulaNewExplore how complex mathematical formulas generate intricate and dynamic patterns within a… Neon Tunnel SimulationNewExplore the mesmerizing depths of a glowing neon tunnel by adjusting parameters like ring… Morphing SphereNewAn organic sphere that morphs with 3D simplex-noise vertex displacement, iridescent and glossy. Fractal LandscapeNewGenerate realistic mountain terrains using midpoint displacement and diamond-square fractal… Apollonian Gasket — Descartes' Circle Theorem FractalNewBuild an infinite fractal of mutually tangent circles using the complex Descartes Circle… Rule 30 — Elementary Cellular Automata ExplorerNewPick any Wolfram rule 0–255 — chaotic 30, Sierpiński 90, universal 110 — and watch the… Phyllotaxis — Sunflower Spirals & the Golden AngleNewBuild a sunflower head with Vogel's model: seed n at angle n·137.5° and radius c·√n. Tune… Worley Noise — Cellular TextureNewWorley (cellular) noise colours each pixel by distance to feature points, producing cells,… Domain Warping — Folding Noise into FlowNewDomain warping feeds noise back into its own coordinates — f(p + f(p + f(p))) — turning… Apollonius Gasket — Fractal Circle PackingNewFill gaps between three mutually tangent circles recursively with new tangent circles using… Random Growth — Eden Model & DLA FractalNewCompare Eden model (uniform surface growth) and DLA (diffusion-limited aggregation). Eden =… 3D Curl Noise Flow FieldNewWitness a mesmerizing display of thousands of particles reacting to a dynamically generated… Apollonian Gasket GeneratorNewInteractive 3D fractal where adjusting seed circle radii shows how the Apollonian gasket… Three Dimensional Curl Noise Flow FieldNewExplore the mesmerizing behavior of fluid dynamics as you adjust parameters to control the… Domain Warping Noise ExplorerNewInteractive 3D terrain where feeding one noise field's output into another as a coordinate… Eden Model vs DLA Growth SimulatorNewInteractive 3D growing cluster where switching between Eden model and diffusion-limited… Worley Noise Texture GeneratorNewInteractive 3D surface where repositioning feature points shows how Worley (cellular) noise… AI Art & Music Generator: Diffusion, Style Blend & BeatNewGenerative diffusion art meets AI music generation: watch a canvas denoise from noise into a… String Art PatternNewThis simulation demonstrates the creation of a string art design using geometric shapes and… Kaleidoscope BloomNewThis simulation recreates the mesmerizing patterns of a kaleidoscope bloom, allowing you to… Kaleidoscope Reflection PatternsNewExplore the mesmerizing world of a kaleidoscope by adjusting parameters that control the… Lava Lamp MetaballsNewThis simulation creates the visual effect of a lava lamp using metaballs. It demonstrates… 3D Matrix RainNewThis simulation generates visually stunning patterns of 'digital rain' within a… Typography GalaxyNewThis simulation visually represents typography as a galactic structure, showcasing… String Art Pattern: Line IntersectionNewString Art Pattern - this variant focuses on line intersection. Growing Vine Plant - Three.js SimulationNewThis simulation uses the Three.js library to create a dynamic model of a growing vine plant.… Ai Advanced Ai Artist SimulationNewThis simulation explores the potential of artificial intelligence in artistic creation. It… Ai Advanced Ai Composer SimulationNewThis simulation investigates the use of artificial intelligence in music composition. It… AI Advanced AI Writer SimulationNewThis simulation explores the use of AI in creative writing. Users will guide an AI writer… AI Advanced Artificial Creativity SimulationNewThis simulation investigates the potential for AI to exhibit genuine creativity. Users will… Art Creative Art Technology SimulatorNewThis simulation demonstrates the use of technology in creative art forms. It explores how… Artistic Art CollectionNewThis simulation allows users to curate and manage a virtual art collection. It demonstrates… Artistic Art EducationNewThis simulation provides a virtual environment for learning about art history and… Artistic Art ExhibitionNewThis simulation creates an interactive virtual art exhibition where users can view and… Artistic Visual ArtsNewThis simulation offers an interactive exploration of various visual arts techniques. Users… Ai Art SimulationNewThis simulation demonstrates the use of artificial intelligence in generating artwork. It… Ascii DonutNewThis simulation demonstrates the creation of a donut shape using ASCII characters. It's an… Ascii Torus 3DNewThis simulation explores the representation of a torus (doughnut) shape using ASCII… Burning Ship Fractal ExplorerNewThis simulation generates a fractal pattern resembling a burning ship through iterative… Cinder Veil | Three.jsNewThis simulation creates a visually stunning abstract scene using Three.js, featuring… Comet Garden | Three.jsNewThis simulation creates a visually engaging display of comets orbiting a central point,… Computational ArtsNewThis simulation demonstrates the application of algorithms and mathematical principles to… Cosmic Veil | Three.jsNewThis simulation creates a visually stunning representation of a cosmic veil using the… Creative Artistic Expression SimulationNewThis simulation explores the principles of artistic creation, allowing users to experiment… Creative Creative Confidence SimulationNewThis simulation explores the concept of creative confidence – the belief in one's ability to… Creative Constraints SimulationNewThis simulation explores the impact of imposed limitations on creative output. It… Creative Process SimulationNewThis simulation models the stages involved in a typical creative workflow. It demonstrates… Creative Innovation Design SimulationNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Innovation SimulationNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Innovation Workshop SimulationNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Inspiration Design ProcessNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Lateral Thinking SimulationNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Problem Solving DynamicsNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Storytelling SimulationNewThis simulation demonstrates the principles of creative design processes, focusing on… Creative Visual Thinking SimulationNewThis simulation demonstrates the principles of creative design processes, focusing on… Data Augmentation StudioNewThis simulation provides a hands-on environment for experimenting with various data… Design Branding SimulationNewThis simulation allows users to experiment with design and branding principles. It could… Dust Canyon | Three.jsNewThis simulation creates a visually dynamic environment of a canyon filled with dust… Dust Sculpt | Three.jsNewThis simulation allows users to sculpt dust particles in a 3D environment using the Three.js… Entrepreneurship Innovation Entrepreneurship SimulationNewThis simulation focuses on fostering innovation within a business context. Players will… Fashion SimulationNewThis simulation explores the design and production of clothing through a visual and… Fireworks Show — 3D SimulatorNewCreate stunning virtual fireworks displays using this 3D simulator. Users can adjust… Fractal Tree Generation AlgorithmNewExplore the creation of intricate fractal trees through a recursive algorithm, adjusting… GAN GeneratorNewThis simulation demonstrates a GAN generator, showcasing how it creates synthetic data by… GAN Generator Playground - Generative Adversarial Networks DemoNewThis simulation provides a playground for experimenting with Generative Adversarial Networks… ??????? ??????????? ???? ????????????NewThis simulation explores a complex and potentially experimental process involving materials… Kaleidoscope Geometric TransformationsNewAn interactive 2D simulation generating intricate kaleidoscopic patterns through geometric… Rotating Geometric Mirror FiguresNewThis simulation recreates the mesmerizing patterns of a kaleidoscope, illustrating how… Rotating Geometric Patterns in a KaleidoscopeNewCreate and manipulate rotating geometric patterns within a simulated kaleidoscope… Lattice Fire | Three.jsNewThis simulation creates a visually stunning interactive display of a virtual fire using the… Lsystem: L-SystemsNewThis simulation explores the mechanics of L-Systems, a formal grammar used to model and… Matrix Digital Rain 3DNewThis simulation visualizes the effect of digital rain – a cascade of pixels – within a 3D… Metabolically Smooth Overlapping SpheresNewThis simulation demonstrates the principles of metaballs. It visually shows how multiple… Morphing MetaballsNewThis simulation demonstrates how metaballs can be animated to morph into different shapes.… Metaball Lava LampNewCreate mesmerizing patterns with metaballs in this interactive simulation, mimicking the… Zen Garden Raking SimulationNewExplore the art of creating patterns in a tranquil zen garden by adjusting rake speed and… Digital Art: The NFT Revolution - MyDraftHubNewThis simulation explores the rise of NFTs and their impact on digital art creation and… Drone Light ShowNewThis simulation allows users to experiment with creating complex light patterns using… Generative MandalaNewThis simulation demonstrates algorithmic art generation. It showcases how mathematical… Iterative L-System Plant GrowthNewWitness the iterative process of L-systems, a formal grammar modeling plant growth. Modify… Procedural OakNewThis simulation demonstrates the generation of a tree using procedural techniques. It… Procedural Park — WebGPUNewThis simulation demonstrates the creation of a park environment using procedural generation… Procedural ParkNewThis simulation demonstrates the generation of a park using procedural techniques. It… Particle Systems SimulationNewThis simulation demonstrates the movement and interaction of particles simulating fireworks.… Particle TextNewThis simulation explores the visual representation of particles as text characters. It… Penrose Tiling Generator — Aperiodic Quasicrystal SimulatorNewThis simulation generates Penrose tilings, a visually striking example of aperiodic… Perlin Flow FieldNewThis simulation generates and displays a Perlin noise flow field. Users can adjust… Perlin Flow Field (p5.js)NewThis simulation creates a Perlin noise flow field using the p5.js JavaScript library. It… AI Poetry Writer - Creative AINewThis simulation explores the concept of creative artificial intelligence by generating… Rain Helix | Three.jsNewThis simulation creates a visually engaging representation of rain using the Three.js… Rainfall Field | Three.jsNewThis simulation models rainfall patterns using the Three.js library, allowing users to… Sea Glass | Three.jsNewThis simulation creates a visually engaging 3D representation of sea glass formations using… Social Media Content Creation SimulationNewCreate engaging content for a social media platform. Players experiment with different… Spirograph Pattern GeneratorNewExplore the mesmerizing patterns generated by a Spirograph drawing tool in this interactive… Star Rain | Three.jsNewThis simulation creates a visually stunning effect of 'star rain' particles in 3D space,… Storm Lens | Three.jsNewThis simulation creates a dynamic visual effect of a 'storm lens' – a swirling vortex of… Style Transfer ArtistNewThis simulation demonstrates the process of style transfer through neural networks, allowing… Style Transfer Artist - Neural Art Generation DemoNewThis simulation explores the concept of style transfer using neural networks. It allows… Super Ai Reality Creator Ai SimulationNewThis simulation demonstrates how an AI could potentially generate and manipulate simulated… Synth VisualizerNewThis simulation demonstrates the creation of dynamic visual patterns using synthesized… Synthwave TerrainNewThis simulation showcases the generation of stylized terrain textures reminiscent of… Synthwave Terrain 3DNewThis simulation expands on the previous terrain generation by creating a three-dimensional… Theater Theater Innovation SimulationNewExperiment with new ideas and techniques within a theatrical context. This simulation… Virtual Reality Vr Entertainment SimulationNewThis simulation explores the potential of virtual reality for entertainment purposes. Users… Virtual Art Gallery ManagementNewThis simulation explores the creation and management of a virtual art gallery. It… Firefly Forest SimulationNewThis simulation creates a realistic depiction of a forest filled with fireflies. It’s a 3D…
About the category

Generative Art & Algorithmic Patterns

Flow fields, stippling, Mandelbrot sets and L-systems — algorithms as artistic tools.

Three.js · WebGL 60 FPS CC BY 4.0
Quick facts
124interactive simulations in this category
runs at 60 FPS in any modern browser
🌐English, Ukrainian, Polish, Spanish, German, Japanese, Italian, Portuguese (Brazil), French, Arabic, Dutch, Chinese, Korean, Hindi, Turkish, Vietnamese, Russian, Indonesian, Persian, Bengali, Thai, Filipino, Swahili, Urdu, Malay, Tamil, Hebrew, Greek, Punjabi, Amharic, Burmese, Khmer, Georgian, Nepali, Mongolian, Armenian, Sinhala, Lao, Czech, Romanian, Hungarian, Bulgarian, Swedish, Danish, Finnish, Norwegian, Slovak, Croatian, Serbian, Slovenian, Lithuanian, Latvian, Estonian, Icelandic, Albanian, Macedonian, Bosnian, and Maltese
🎓CC BY 4.0 — free for classrooms and LMS embeds

Frequently asked questions

Do I need to install anything to run Generative Art & Algorithmic Patterns simulations?

No. Everything runs entirely in your browser — no downloads, plugins or accounts. Works in Chrome, Firefox, Edge and Safari; most simulations also work on mobile.

Can I use these simulations for teaching?

Yes — all content is free for educational use under CC BY 4.0. Link to any simulation directly or embed it in your LMS with an iframe; no API key required.

Are the models scientifically accurate?

They use the same mathematical formulations as professional software, integrated numerically in real time. Each simulation lists its algorithms, and many link to an article explaining the mathematics.

Related categories

What did you find?

Add reproduction steps (optional)