![C541_waves](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_waves.jpg)
Get Waves
A free SVG wave generator to make unique SVG waves. Choose a curve, adjust complexity and randomize.
![C541_Baw](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_Baw.jpg)
Aren’t you tired of wasting time coding buttons and other minor elements?
The FREE Visual Composer Website Builder is perfect for building simple elements FAST with 0 coding. Based on ReactJS for performance & loading speed, it shaves hours off your work!
![C541_commentsystem](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_commentsystem.jpg)
Roll Your Own Comment System for a Static Site
Tania Rascia shows how to create your own clean comment system for a static website.
![C541_storytime](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_storytime.jpg)
StoryTime
StoryTime enables developers to easily simulate debugger-like visuals to tell or read a story about pieces of code.
![C541_fullstack](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_fullstack.jpg)
Deep Dive Into Modern Web Development
A course that will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js.
![C541_thirdparty](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_thirdparty.jpg)
Efficiently load third-party JavaScript
Milica Mihajlija’s guide to avoiding the common pitfalls of using third-party scripts to improve load times and user experience.
![C541_tips](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_tips.jpg)
All the New ES2019 Tips and Tricks
Laurie Barth takes a look at what’s new in ES2019 and what you can do with the new features.
![C541_bestpractice](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_bestpractice.jpg)
JavaScript & Node.js Testing Best Practices
Comprehensive and exhaustive JavaScript and Node.js testing best practices.
![C541_variablefont](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_variablefont.jpg)
Variable Font Animation with CSS and Splitting JS
A tutorial by Michelle Barker on how to animate variable fonts.
![C541_divjoy](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_divjoy.jpg)
Divjoy
A React codebase generator where you can select the stack you want, pick a template and then export a complete React codebase. By Gabe Ragland.
![C541_designsystems](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_designsystems.jpg)
Why a cookie-cutter design system won’t work for your organization
Linzi Berry, Product Design Systems Manager at Lyft, shares the story and core principles of their design system.
![C541_calltoaction](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_calltoaction.jpg)
Call to Action Hype Man
An adorable call to action button animation made by Mariusz Dabrowski.
![C541_inputdelay](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_inputdelay.jpg)
Input delay
Monica Dinculescu created this experiment to see what amount of delay is too annoying for a user interaction like typing.
![C541_modernwebdev](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_modernwebdev.jpg)
Modern Web Development on the JAMstack
A free eBook that explains how to run your web projects on the JAMstack. By Mathias Biilmann and Phil Hawksworth.
![C541_threejs](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_threejs.jpg)
Sphere of Boxes
A really nice Three.js demo by Johan Karlsson.
![C541_walking](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_walking.jpg)
Strandbeest walk
Based on the Jansen’s linkage leg mechanism, Nick Watton created this awesome demo.
![C541_ambient](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_ambient.jpg)
Day/Night Ambient Light Animation
Mandy Michael shares a demo that shows how to change the page content based on the light level in the room using the Ambient Light API. Works behind the #enable-generic-sensor-extra-classes flag in chrome://flags.
![C541_motionlab](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_motionlab.jpg)
Motion Lab react-text-reveal
A tool for generating text reveal animations based on React. By Ivo Ilić.
![C541_audio](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_audio.jpg)
Procedural Audio On the Web: Part One
An article by Berrak Nil where she explains what procedural audio is and how it can be used on the web, while walking through a WebVR experience created using A-Frame.
![C541_mcjs](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_mcjs.jpg)
MC.JS
An open source Minecraft clone built with ThreeJS, ReactJS, GraphQL, and NodeJS.
![C541_navchallenge](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_navchallenge.jpg)
Fork This Nav
Join this challenge to create a CSS powered navigation. By Ryan Mulligan.
![C541_head](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_head.jpg)
HeadBanger
An AI powered interactive experiment where you can release fireballs from your mouth and head bang to break barriers.
![C541_martini](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_martini.jpg)
MARTINI
Vladimir Agafonkin introduces MARTINI, an open source, client-side terrain mesh generation library.
![C541_chain](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_chain.jpg)
How to chain multiple functions in JavaScript properly with await/async
Nicholas Dunkel shares some code that chains multiple functions with await/async.
![C541_svg](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_svg.jpg)
gatsby-plugin-optimize-svgs
A Gatsby Plugin to minify SVGs output to the filesystem during the build. Uses svgo under the hood to minify SVGs. By Victor Zhou.
![C541_harry](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C541_harry.jpg)
Making Cloud.typography Fast(er)
Harry Roberts’ investigation into the performance of Cloud.typography and how to make it faster.
Collective #541 was written by Pedro Botelho and published on Codrops.