New

Announcing Rust Support in CodeSandbox.

You can now spin up a Rust development environment!

Learn more
arrow_back
Blog chevron_right CodeSandbox
Apr 28, 2021

This Month on CodeSandbox - April 2021 Edition

Learn about what the CodeSandbox community has been up to this month.
This Month on CodeSandbox - April 2021 Edition

Welcome to the first edition of This Month on CodeSandbox. This is a series where I'll be highlighting some of the amazing work being done by people in the community. As you can tell from the title, this will be a monthly series and, typically, the work I share will center around a certain topic or technology. I'll share work from CodeSandbox along with other platforms too. You can also find out what we've been working on so you can keep up to date with the CodeSandbox team.

This edition is all about animation. Animations are great because they can be created with a variety of different technologies like React and Three.js and they can take your design to the next level. Lots of people use CodeSandbox to create and share some really fascinating animations and it’s mind-blowing! Here are a few I've come across that I really loved.

Community Spotlight

Playground by Fabio Ottaviani - This mesmerizing 3D animation was built with Three.js and react-three-fiber. Three.js and react-three-fiber together make building 3D animations in React applications possible. I'm already thinking of ways I want to use this in the future!

Rotating Stars by Twan Mulder - This is the kind of animation that would make a great addition to a portfolio, blog, or even a product site. You can recreate this with just HTML and CSS so it's the perfect way to spice up a project.

Cell Fracture by Paul Henschel - This animation may seem deceptive at first glance. You only see the word "Hello" in simple black text. But click once to see "Hello" burst into colorful pieces. Cell Fracture was built with Three.js.

Around the Web

12HR+ YouTube Coding Bootcamp 2021! by Ania Kubów - This isn't really related to animation. But I just had to share this. Ania created this free, 12-hour coding boot camp, all taught using CodeSandbox. She covers HTML, CSS, and JavaScript through project building.

Your First CSS Animation by Twan Mulder - If you like "Rotating Stars" animation, then you'll really enjoy this article. Twan gives a step-by-step explanation of how to recreate his rotating CSS animation.

A Dive Into React And Three.js Using react-three-fiber by Fortune Ikechi - A few of the projects featured earlier were built using Three.js and react-three-fiber. If you're interested in learning more about these technologies, this is a great place to start.

What We're Up To

These announcements aren't really related to animation. But I'm still very excited to share some of what we've been doing at CodeSandbox.

This month, we launched two new podcasts - Version One and the CodeSandbox Podcast. Version One dives into the product development journey of some really amazing online tools while the CodeSandbox Podcast focuses on members of the community and how they use CodeSandbox.

Episodes for both podcasts are released twice a month. So episodes one and two of Version One and the CodeSandbox Podcast are already available! Give them a listen and leave a review on your podcast platform of choice.



Keep reading about CodeSandbox .

Announcing Rust Support in CodeSandbox
CodeSandbox Jan 19, 2023

Announcing Rust Support in CodeSandbox

Hello, Rust community! You can now spin up a Rust development environment in CodeSandbox.

Introducing Docker Support in CodeSandbox
CodeSandbox Jan 11, 2023

Introducing Docker Support in CodeSandbox

You can now run anything on CodeSandbox with our native Docker support.

Introducing the CodeSandbox GitHub App
CodeSandbox Oct 18, 2022

Introducing the CodeSandbox GitHub App

Learn how you can save hours every week reviewing PRs with the CodeSandbox GitHub App.

A Unified CodeSandbox Experience
CodeSandbox Oct 6, 2022

A Unified CodeSandbox Experience

We're integrating the new experience into CodeSandbox so you can use it to code anything from idea to production.