Experimental art and generative visuals created with code.
from bradley
A JavaScript API for drawing unconventional text effects on the web. Home — Help Overview When applying effects to text on the web, designers have traditionally been constrained to those provided by CSS. In the...
from fand
VFX-JS: Visual Effects Framework for Web VFX-JS is a JavaScript library to add WebGL-powered effects to your website. You can easily attach it to normal , elements etc. See also @vfx-js/react for React bindings. Usage...
from agiwhitelist
English · 简体中文 README.zh-CN.md auteur The Claude Code skill that directs a website like a film. Art direction is locked before a line of code. Assets are generated by local CLIs. Every ship is gated by an executable...
from openrndr
OPENRNDR A Kotlin/JVM and Kotlin/JS library for creative coding, real-time and interactive graphics. Can currently be used on Windows, macOS and Linux/x64 to create standalone graphical applications. Basics and use are...
from polygonjs
Polygonjs ! NPM package npm npm-url ! Twitter twitter-img twitter-url ! Discord discord-img discord-url ! Forum forum-img forum-url Polygonjs is a node-based 3D WebGL design tool . Home Page Documentation Try Demo...
from MengTo
Kage An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js and layered with cinematic generated imagery. View the live project · View the source · Read the build prompt...
from nucliweb
People You Should Follow on CodePen If you like SVG, Animation, Canvas, Interaction, WebGL, Three.js, Shader, GLSL, P5.js and Creative Code Demo or it didn't happen CodePen Coder Tags Adam Argyle CSS , Animation Adam...
from MengTo
The Complete Shelf An original, interactive Three.js library of seven clothbound hardcovers. Browse the continuous shelf, pull a volume into a responsive detail view, orbit the binding, and drag through a small set of...
from klevron
November 2024 This repository is no longer maintained. My threejs toys/components library is now here : sponsors-only access ✨ ThreeJS Toys - Made with 💙 ! NPM Package npm npm-url ! Build Size build-size build-size-url...
from gnovotny
There's nothing to watch... The silver screen's heyday is arguably behind us. Luckily, we have over a hundred years of cinema to fall back on. 🎬 Overview An experimental WebGL gallery that visualizes tens of thousands...
from cdaein
Ssam Ssam.js 쌈 as in Korean dish wraps your HTML5 Canvas sketches and provides helpful features such as animation props and file exports. It is inspired by canvas-sketch . ⚠️ This module is in an early stage of...
from Leonxlnx
LUMEN, the generative shader studio Try it live → A self-contained web tool that generates looping abstract shader art: liquid chrome, silk ribbons, soft gradient blooms, aura rings, light rays, halftone fields, data...
from datavized
Morph Morph is an open-source web tool for creating designs, animations or interactive visualizations from data. Morph has been developed by Datavized Technologies with support from Google News Initiative. How does...
from collidingScopes
Liquid Shape Distortions 🌀 Create psychedelic animations in real-time in the browser. P art of your next trip. Webgl shader animation created using liquid motion, distorted shapes, shadows, and light. Live demo: The...
from AThevon
genjutsu The art of illusion. Cast motion. Paint signatures. Zero AI slop. Creative coding skills for Claude Code and claude.ai - transforms any interface from functional to exceptional through motion design,...
from microbium
Microbium Organic creature drawing and simulating toy for macOS. Videos Ambient Microbium worlds - GitHub Universe 2020 – Audio + video performance Create kinetic simulations with Microbium - GitHub Universe 2020 –...
from afterimage-lab
Rainform / 数据成雨 Rainform（数据成雨）把 00:00–24:00 的 25 个逐时降雨数据点转化为实时 Three.js/WebGL 粒子雨景。用户可以拖动降雨曲线，让雨幕、峰值瀑布、水面波纹、坐标轴与雨声随数据同步变化。 Rainform turns 25 hourly rainfall values from 00:00–24:00 into an interactive Three.js/WebGL...
from iondrimba
:european post office: Buildings Wave Animation with Three.js First Demo Second Demo A tutorial on how to create a 3D building wave animation with three.js and TweenMax. By Ion D. Filho. Article on Codrops Requirements...
from zjoooooo
English 简体中文 README.zh-CN.md 日本語 README.ja.md 한국어 README.ko.md Galaxy Explorer 🌌 Demo Page Latest View An interactive, procedurally-generated Milky Way galaxy — with a full 3D Solar System , roaming comets , and real...
from avin
Creative experiments Live :
from Giats2498
giats.me — Personal Portfolio Website This is the original source code for giats.me, the personal portfolio website of Evangelos Giatsidis . I designed and built this project from scratch using modern web technologies...
from houmahani
Atmospheric Depth Gallery A Three.js depth-scrolling image gallery where scroll velocity drives atmospheric mood and subtle motion, while each image defines its own background palette. Article on Codrops Demo...
from collidingScopes
Liquid Logo A free, open-source tool for creating animated logos using a liquid metal aesthetic. Transform static logos and images into flowing animations. Live Demo Try it in real-time in the browser: Liquid Logo Tool...
from codebucks27
Create an awesome 3d Landing Page for iphone in React JS This repository contains starter code for Apple iphone 3d landing page in ReactJS. View Demo👇: If you want to learn how to create it please follow...