Videos & Articles

There's a lot of competition out there on the web. That means in order to build websites that sell, they need to stand out.

In order to stand out, HTML, CSS and a sprinkle of JavaScript are the best tools you have at your disposal. With each and every video we try to teach you a tiny detail in frontend — a detail that makes the difference in the products you build.

CategoriesFramer Motion Rebuilding Linear's Homepage CSS

Latest videos

Fresh fresh fresh.

21:33

Awesome Storytelling By Animating Text With Framer Motion

07:12

WHY is Radix Themes Build This Way.. CSS Cascade Layers to the rescue!

22:14

So !important to know — CSS Cascade Layers are awesome!

Framer Motion

Framer Motion is one of the most popular animation libraries for React. It enables you to make fairly complicated animations with little effort.

21:33

Rebuilding Linear's Homepage

In this series we are rebuilding Linear's amazing homepage. A well crafted website that is full of small design details.

01:06:17

HTML & CSS

CSS might seem simple at first glance. But don't be fooled!

07:12

Creating a Carousel Without JavaScript — Rebuilding a Carousel From Apple's Website

08:26

Why You Should Use REM Instead of Pixels

10:43

Videos & Articles

Latest videos

Awesome Storytelling By Animating Text With Framer Motion

WHY is Radix Themes Build This Way.. CSS Cascade Layers to the rescue!

So !important to know — CSS Cascade Layers are awesome!

Framer Motion

Awesome Storytelling By Animating Text With Framer Motion

CSS Masks and Scroll Animations with Framer Motion

Recreating Amie.so animations with framer motion

Amazing Button Click Animation With Framer Motion's New Animation Sequences

Impossible Scrolling Animations With Framer Motion

Satisfying Scroll Animations with Framer Motion

Adding route transitions to NextJS 13 with Framer Motion

Rebuilding Linear's Homepage

Getting started with rebuilding Linear's homepage

Building the animated hero

Working on multiple sections with so many UI details

Building the interactive shortcuts keyboard

Building the command menu component

More awesome styling details

HTML & CSS

WHY is Radix Themes Build This Way.. CSS Cascade Layers to the rescue!

So !important to know — CSS Cascade Layers are awesome!

CSS Scroll-Driven Animations — We Don't Need Any JS!

Building a Drag & Drop kanban board with view transitions

CSS Logical Properties: Forget About Left and Right

We can FINALLY animate gradients with CSS!

CSS container queries — it was worth the long wait!

A tooltip animation that's so simple, but SO satisfying

Don't waste your time building custom dialogs

Recreating Stripe's Amazingly Detailed Carousel With Tailwind

Recreating the MacOS Dock hover animation with CSS

CSS Page Transitions without a library, exploring the view transitions api

The Power of CSS Variables – Make a gradient follow the cursor

Creating a Carousel Without JavaScript — Rebuilding a Carousel From Apple's Website

Why You Should Use REM Instead of Pixels

Finally a fix for 100vh on mobile devices