Awesome Open Source

Programming Languages

Search results for javascript creative coding

creative-coding x

145 search results found

P5.js ⭐ 20,530

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —

Css Doodle ⭐ 5,373

🎨 A web component for drawing patterns with CSS.

Sketch.js ⭐ 4,046

Cross-Platform JavaScript Creative Coding Framework

Blotter ⭐ 2,914

A JavaScript API for drawing unconventional text effects on the web.

A Chrome/Firefox extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors

Code Package P5.js ⭐ 867

Code package of the book: Generative Design – Creative Coding for the Web with JavaScript in p5.js

Lil Gui ⭐ 846

Makes a floating panel for controllers on the web. Works as a drop-in replacement for dat.gui in most projects.

Philogl ⭐ 774

A WebGL Framework for Data Visualization, Creative Coding and Game Development

Fragment ⭐ 677

[alpha] A web development environment for creative coding

Shader Park Core ⭐ 629

A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark

People You Should Follow On Codepen ⭐ 528

People You Should Follow on CodePen

Polygonjs ⭐ 489

node-based WebGL design tool

Shader Doodle ⭐ 462

A friendly web-component for writing and rendering shaders.

Eternal ⭐ 433

👾~ music, eternal ~ 👾

A wrapper component that allows you to utilise P5 sketches within React apps.

Gaze Detection ⭐ 409

👀 Use machine learning in JavaScript to detect eye movements and build gaze-controlled experiences.

A small and fast alternative (experimental) implementation of p5.js

Web experiments. Lots of Canvas stuff. View demos on project site (Chrome recommended):

Sessions ⭐ 263

A series of creative coding sessions

🎸🎨 DJ and VJ all by yourself in seconds !

Sketch A Day ⭐ 199

One visual idea a day

Beat Pose ⭐ 198

Play a Beat Saber clone with hand movements using Tensorflow.js & PoseNet

Urpflanze ⭐ 190

A library for developers who want to approach to creative coding, artists who want to approach coding and for those who find it fun to play with math.

2d Differential Growth Experiments ⭐ 189

Visual experiments exploring differential growth as a 2D morphogenesis tool.

A simple GUI for inspecting and changing JavaScript variables

Python to P5.js Transcriptor

2d Space Colonization Experiments ⭐ 162

Visual experiments exploring space colonization as a 2D morphogenesis tool.

Fun Programming ⭐ 149

Code from the Fun Programming creative coding tutorials and my own random sketches

Web Development Podcasts ⭐ 149

A list of good web development podcasts worth checking out.

Motus Art ⭐ 137

My digital sketch book

Css Art Gallery ⭐ 133

A collection of CSS Arts.

Threejs Graces ⭐ 129

In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks. It has only 240 lines of code. The original design was created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Grace

P5.capture ⭐ 128

🎬 super easy recording for p5.js animations

Threejs Audio Reactive Visual ⭐ 116

Audio-reactive visual created with ThreeJS

Freedrum.js ⭐ 116

Interact with the browser using the Freedrum sensors in JavaScript

Face Tracking P5js ⭐ 103

Using facetracking with p5js to create playful or critical web applications

Websoftspheredemo ⭐ 102

Implement and optimizate ANALYTICAL FOAM algorithm metioned in Entagma

Canvasfun ⭐ 93

❤️ Creative Coding Projects

Material Aulas ⭐ 92

Material para ensino introdutório de programação com Python em um contexto visual

A framework-agnostic Rust/WASM + WebGL2 Rendering library, compatible with calling from both Rust and JavaScript on the web.

Shadertoy React ⭐ 82

6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.

creative code svg

Buildings Wave ⭐ 75

🏤 A tutorial on how to create a 3D building wave animation with three.js and TweenMax

Threejs Toys ⭐ 74

✨ ThreeJS Toys ⚡

Microbium App ⭐ 73

Draw new worlds

Watercolor Canvas ⭐ 73

Creating watercolor-style canvas art

A collection of tools, APIs and other resources to use in creative coding web projects.

A visual programming language for learning, prototyping, and fun. Inspired by p5.js.

Gestures Ml Js ⭐ 61

[WIP] - Gesture recognition using hardware and Tensorflow.js

P5.polar ⭐ 58

A polar coordinate system library for p5.js

Workshop Data Artwork ⭐ 55

material & notes for a workshop on data artwork & creative coding

Bitbybit ⭐ 54

Core algorithms of bitbybit dev platform, which helps programming geometry on the browser

Youtube_tutorial ⭐ 53

I store all the code I used in my YouTube tutorial here. Feel free to download and play around them😉

Generative ⭐ 53

A digital playground for experimenting with creative coding and WebGL

2d Diffusion Limited Aggregation Experiments ⭐ 51

Visual experiments exploring diffusion-limited aggregation (DLA) as a 2D morphogenesis tool.

Icm 2018 ⭐ 49

Syllabus for ITP Foundation Course Introduction to Computational Media, Fall 2018

draw_code.001 — ThreeJS, WebGL & GLSL

A music making experiment with React+Redux

Shader Park Touchdesigner ⭐ 37

Render Shader Park sculptures in TouchDesigner

Facefilter Blinkrunninggame ⭐ 35

Face Filter - Blink Running Game with AR Spark Studio

Pdwebparty ⭐ 35

An app that allows Pd users to run patches in a web browser and share them with a web link

Apple Iphone 3d Landing Page Starter Code ⭐ 34

Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.

Collaborative creative coding

A growing collection of examples used to demonstrate basic concepts of creative coding on the modern web

Immersive ⭐ 33

Immersive Three.js Workshop

Pict2pix ⭐ 32

Pict2Pix.js is a creative coding library to apply fancy pixel animations to images.

A virtual machine for creating visual live coding languages

Floating Nodes ⭐ 31

Magic Circle ⭐ 30

Creative coding UI

Rainbrow ⭐ 29

Clone of the Rainbrow iOS game in JavaScript

Introduction_p5js ⭐ 29

This is a french introduction to p5*js

Genuary2023 ⭐ 27

Daily creative coding sketches for Genuary 2023

Pts Starter Kit ⭐ 24

Quick start to build your own generative art / visualization / interactive demo using Pts.js. Supports javascript and typescript.

Rethread ⭐ 23

re|thread is an open collective of computer scientists, artists, and designers, in Stockholm (Sweden)

React Text Fun ⭐ 23

React meets Blotter.js

Asteroids Game ⭐ 23

Built with p5.js , Clone of Arcade Game : Asteroids (1979 Atari)

P5js Snippets ⭐ 22

p5js snippets for atom.io

Bare Minimum 2d ⭐ 21

An extremely lightweight React component to declaratively (and elegantly) plot shapes on an inline SVG

Osc Simulator ⭐ 20

A utility to test Open Sound Control sending and receiving from the browser

A Generative Art library made in WebGPU

Create Ssam ⭐ 18

Quickstart your creative coding sketch with create-ssam

Amusement ⭐ 17

Collection of CreateJS examples

Artegenerativo ⭐ 17

Material para un taller de experimentación sobre arte generativo

A NextJS specific library for the @P5-Wrapper/react project.

P5.sound.js ⭐ 16

new experimental build of p5.sound.js library

Dots & Boxes Visualization

Threejs Meydajs Fftspectrum ⭐ 16

🎶 🎵 🎼 Real-time FFT spectrum analyzer with ThreeJS, MeydaJS, RxJS.

Canvas Particles System ⭐ 16

Canvas Particles System like particles.js in vanilla javascript

Creative_tech_taxonomy ⭐ 14

An open taxonomy of software, hardware, and concepts related to creative technology and creative coding

Cgpp Projects ⭐ 14

UW Computer Graphics: Resources for learning graphics programming - Demos at

Threejs Vanilla Holographic Material ⭐ 13

A simple to use holographic material for vanilla threejs

Aventura ⭐ 13

A library for making generative text, interactive stories and biterature ... Una librería de texto generativo, historias interactivas y "biteratura" en general

Music Visualizer ⭐ 12

Interactive music visualizer built with threejs and web audio api

amelia generative-art framework

Random Art ⭐ 11

abstract, algorithmic, generative, parametric art generator

Herecomesthesun ⭐ 11

a generative experiment to celebrate the global beatles day, june 25th

doğal dil işleme kullanarak etkileşimli bir şekilde jeneratif müzik ve lirik üreten araç

Processing 101 ⭐ 10

Resources for learning Processing

Project Aureole ⭐ 10

A programmable circular LED display with 504 pixels

Graidients ⭐ 10

Generate gradients and patterns using Neural Networks

Related Searches

Javascript Reactjs (121,118)

Javascript Html (48,022)

Javascript Css (46,402)

Javascript Command Line (22,145)

Javascript Testing (21,631)

Javascript Python (11,052)

Javascript Chrome Extension (7,174)

Javascript Canvas (6,703)

Javascript Animation (5,191)

Javascript React Component (4,512)

1-100 of 145 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.