Collective #680
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_WOTW.jpg)
Inspirational Website of the Week: monopo london
An amazing mix of generous effects with great layouts and beautiful details. Our pick this week.
Get inspired
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/Collective.png)
Project Management for Today’s (and Tomorrow’s) Software Team
Shortcut (formerly Clubhouse.io) provides speedy task management, reporting, and collaboration for software teams. We bring the “flow” to your workflows.
Try it free
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_theater.jpg)
Theatre.js
Theatre.js is a new hackable JavaScript animation library with visual tools. It animates the DOM, WebGL, and any other JavaScript variable.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_motion.jpg)
Motion One: The Web Animations API for everyone
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. By Matt Perry.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_container.jpg)
CSS Container Query Units
Ahmad Shadeed whos how to use units that are relative to the container size.
Read it
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_accent.jpg)
Simplifying Form Styles With accent-color
In this article you’ll learn what the new `accent-color` property does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons.
Read it
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_doom.jpg)
Doom Portal in WebGL
Bruno Simon’s latest experiment: A re-creation of the Doom Portal in WebGL with Three.js.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_moji.jpg)
Kaomoji Cool Club
A nice tool that is dedicated to the art of kaomoji.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_patterns.jpg)
Basic Pattern Repository
A collection of hand-coded SVG <pattern>’s, ready to be used in inline SVG. By Thomas Michael Semmler.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_polygon.jpg)
Exploring the CSS Paint API: Polygon Border
Temani Afif’s last article in a series that is exploring the CSS Paint API.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_weather.jpg)
Open-Meteo
Open-Meteo offers free weather forecast APIs for open-source developers and non-commercial use. No API key is required.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_mechanic.jpg)
Mechanic
Mechanic is an open source framework that makes it easy to create custom, web-based design tools that export design assets right in your browser.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_hexplorer.jpg)
HEXplorer
A great demo that visualizes how HEX colors work. By Rob DiMarzo.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_ccc.jpg)
cccreate
A curated collection of tools and resources for web creators.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_glass.jpg)
Glass
Glass is a new subscription-based photo sharing app and community for professional and amateur photographers alike without dark patterns driving engagement.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_is.jpg)
Simpler Block Spacing in WordPress with :is() and :where()
Michelle Barker shows how to use :is() and :where() to better define space between Gutenberg blocks.
Read it
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_standards.jpg)
Standards
A new way to design brand guidelines. A product from Standards Manual. Apply for early access.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_q1.jpg)
Q1K3
An incredible Quake clone made by Dominic Szablewski for the 2021 js13k competition.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/09/C680_menu.jpg)
Menu and Thumbnail Stack Animation
An animation on an image stack for a menu where the images get rearranged from a column into a row.
Check it out