css-doodle
AlgoMarble
css-doodle | AlgoMarble | |
---|---|---|
5 | 1 | |
5,461 | 0 | |
0.4% | - | |
8.9 | 0.0 | |
24 days ago | about 2 years ago | |
JavaScript | GLSL | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
css-doodle
- Drawing Patterns with CSS
-
10 CSS Tools AI Can Integrate With for Improved Website Design
CSS Doodle
- CSS Doodle
-
Amazing! Implementing artistic graphics with CSS
In short, CSS-doodle is a library based on Web-Component. It allows us to quickly create pages based on CSS Grid layouts and provides a variety of handy commands and functions (random, loops, etc.) that allow us to get different CSS effects with a set of rules. Take a look at its homepage โ Home Page of CSS-doodle โ and you can get started quickly in just 5min.
-
๐งข Stefan's Web Weekly #11
css-doodle/css-doodle โ A web component for drawing patterns with CSS.
AlgoMarble
-
AlgoMarble - Generative Studios
I took heavy inspiration from this article by Inigo Quilez. On how to use domain warping to produce organic-looking textures. The basic idea was to stack layers of noise on top of each other until fantastical textures emerged. This is not a completely new idea but can trace its origin back as far as 1983 with the invention of Perlin noise by Ken Perlin. The algorithm has gone through several iterations; the first version can be found in this git repository built using python and OpenGL. I had to create a second version to be able to host it on this website using WebGL and finally the third which is running on generativstudios.app You can explore the algorithm by using the random button as well as changing the parameters in the 'Tune Tab'.
What are some alternatives?
lwc - โก๏ธ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
awesome-creative-coding - Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
flutter_art - Flutter art is a collection of apps where I try to build generative art projects .
theatre - Motion design editor for the web
moiva-catalog - A catalog of software libraries to feed Moiva.io suggestions system
prettymaps - A small set of Python functions to draw pretty maps from OpenStreetMap data. Based on osmnx, matplotlib and shapely libraries.
Awesome-Design-Tools - The best design tools and plugins for everything ๐
AlgoMarbleWebGL - The webgl version of AlgoMarble
BrowserSynth - A browser implementation of StructureSynth with more primitives, non-uniform scaling of all primitives and object export for extrenal rendering
generative-studios - Explore a large collection of high quality generative artworks in a simple web app.
laiza-image-gen - Random abstract image generator
pts - A library for visualization and creative-coding