AI Design Tools Gallery - Interactive & Generative Creations | Brik
A community-driven gallery for exploring, sharing, and remixing creative digital tools and generative art.
Creative Coding
Using programming as a medium for artistic expression, including generative art, interactive visuals, data visualization, and audiovisual experiments.
Reading List
Multi-stroke text effect in CSS
Creating complex retro text outlines by stacking CSS elements with varying stroke widths, despite performance limitations.
Engineering Human-Like Color Palettes with OKLCH and K-Means
129
The author details the creation of a color palette extractor that uses OKLCH-based clustering and perceptual merging rules to generate human-feeling palettes from images.
Cursor Camp: A Virtual Retreat for Your Mouse
1215
A whimsical interactive web toy where mouse cursors gather in a virtual camp setting.
ShaderPad: A Lightweight Library for Web Shaders
141
ShaderPad is a 5.8kb library that simplifies adding high-performance shaders to websites by removing the need for complex graphics scaffolding.
From Math to Meaning: Building a Generative Art Vocabulary
231
Generative art is the process of turning mathematical algorithms into a personal artistic vocabulary through years of experimentation and intentional simulation.
Mrdoob's Interactive Ball Pool Simulation
176
An interactive web-based physics simulation of a ball pool created by mrdoob and hosted on CodePen.
MOSS: The Programmable Pixel Art Playground
316
MOSS is a digital painting toy where every brush is a customizable program that creates emergent, living pixel art.
gitcredits: Cinematic Credits for Your Git Repositories
A terminal utility that turns Git repository history and contributor data into a scrolling movie-style credit sequence.
Rising Smoke in three.js with Noise-Driven Alpha and Vertex Twisting
154
Drive alpha, animation, and vertex twisting from a noise texture to turn a plane into convincing, rising smoke in three.js.
Spiral Piano: Explore Microtonal Equal Temperaments
127
An interactive spiral piano that lets you play and design sounds across multiple microtonal temperaments to connect Western and global musical traditions.
Generative Design: Run and Download p5.js Sketches from the Book
A hub to run and download the Generative Design book’s p5.js sketches, complete with resources and author contacts.
Weather as Brushstrokes: Aaron Alden’s Data-Driven Art in TouchDesigner
Alden uses TouchDesigner to turn weather data into a single painterly stroke, proving abstract generative art can communicate complex information clearly and beautifully.
Interactive Shader That Reveals Your Fovea’s Footprint
A procedurally animated shader makes motion visible only near your gaze point, letting you see the size of your fovea.
One-Line Strudel Code for a TR-909 Drum Groove
A quick Strudel one-liner for a TR-909 drum groove with short decay and alternating hats, plus a link to Strudel’s social feed.
Pose Animator: Real-time SVG Puppeteering with TensorFlow.js
164
An open-source tool that turns SVGs into real-time, browser-based puppets using PoseNet/FaceMesh and smart vector deformation.
Explore Named Colors Across Color Spaces
298
A browsable, open-source visual tool to explore how named color palettes distribute across many color spaces and datasets.
A Gallery Driving Mobile-First Web Design
385
A curated gallery to push designers toward truly mobile-first web design.
FFglitch Gallery: A Curated Showcase of Datamoshing Works
331
A curated showcase of artists and works demonstrating the creative possibilities of FFglitch-driven datamoshing and motion vector manipulation.
Evolving Melodies: Coding Culture’s Darwinian Patterns
209
Music and culture evolve like living systems, and code can expose their simple, universal rules through playful simulations.
AR Fluid Sim That Collides with Real Objects
147
An AR-style setup lets a fluid simulation collide with real objects by aligning a webcam feed—filtered to avoid feedback—with the digital solver.