New

Meet Boxy, your new AI coding assistant.

Available to Pro subscribers.

Learn more
arrow_back
Blog chevron_right Insights
Apr 28, 2021

This Month on CodeSandbox - April 2021 Edition

Learn about what the CodeSandbox community has been up to this month.

Ceora Ford
Ceora Ford
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 Insights .

A unique database for every PR using CodeSandbox
Insights May 17, 2023

A unique database for every PR using CodeSandbox

CodeSandbox automatically provisions your Postgres or MySQL database for every PR, so you can test PRs without having to deploy to staging or run locally.

How CodeSandbox Empowers Coding Educators and Students
Insights May 12, 2023

How CodeSandbox Empowers Coding Educators and Students

Coding should be accessible to everyone. Here is how we're part of that change.

Cloning microVMs by sharing memory through userfaultfd
Insights May 9, 2023

Cloning microVMs by sharing memory through userfaultfd

How to implement Linux fork in userspace!

How Adverity Uses Codesandbox To Improve Developer Experience
Insights Apr 5, 2023

How Adverity Uses Codesandbox To Improve Developer Experience

Faster PR reviews, improved knowledge transfer through collaborative coding and lowering the barrier to contributions - here’s how Adverity is using CodeSandbox.