All Articles on Codrops

New Web Design Trends and Inspiration for 2021

In Articles, Jan 11, 2021

Web design trends come and go. Thanks to the upheaval in 2020, web designers are going to see some common trends fall by the wayside for safer design choices.

distortion glsl infinite ogl scroll webgl

Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders

In Tutorials, Jan 5, 2021 by Luis Bizarro

A tutorial explaining how to build an infinite auto-scrolling gallery using WebGL with OGL and GLSL Shaders.

new-year roundup

A Look Back at 2020: Roundup of Codrops Resources

In Articles, Dec 31, 2020 by Team Codrops

2020 is almost over. Join us for a look back on some of our articles, tutorials and experiments.

inspiration motion-design roundup

UI Interactions & Animations Roundup #13

In UI Interactions and Animations Roundups, Dec 20, 2020 by Manoela Ilic

A fresh set of trendy UI interactions and animations for your inspiration.

inspiration roundup website

Inspirational Websites Roundup #21

In Websites Roundups, Dec 18, 2020 by Manoela Ilic

A hand-picked collection of some really good web designs for your inspiration.

infinite particles react react-three-fiber three-js webgl

Recreating a Dave Whyte Animation in React-Three-Fiber

In Tutorials, Dec 17, 2020 by Matt Rossman

Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.

locomotive-scroll parallax scroll

Horizontal Smooth Scroll Layouts

In Playground, Dec 8, 2020 by Manoela Ilic

Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.

draggable navigation parallax scroll slider

Crafting a Scrollable and Draggable Parallax Slider

In Tutorials, Dec 1, 2020 by Ruud Luijten

A tutorial on how to build a slider with an interesting parallax effect that you can either scroll or drag through.

cyber-monday

11 Massive Cyber Monday 2020 Deals With Up to 94% Off

In Articles, Nov 30, 2020

Find out where you can get exclusive Cyber Monday deals for web professionals with great discounts.

inspiration roundup website

Inspirational Websites Roundup #20

In Websites Roundups, Nov 25, 2020 by Manoela Ilic

Our favorite website designs that we’ve collected over the past couple of weeks for your inspiration.

intro locomotive-scroll scroll

Image Stack Intro Animation

In Playground, Nov 24, 2020 by Manoela Ilic

Two simple intro animations where an image stack moves to become a grid.

inspiration motion-design roundup

UI Interactions & Animations Roundup #12

In UI Interactions and Animations Roundups, Nov 17, 2020 by Manoela Ilic

Some fresh UI interaction and animation concepts for your inspiration.

hover menu navigation page-transition

Inline Menu Layout with Gallery Panel

In Playground, Nov 11, 2020 by Manoela Ilic

An inline menu layout with a playful hover animation and a gallery content preview panel.

inspiration

How to Bring Your Website to Life with UI Animation

In Articles, Nov 9, 2020

Web design can feel pretty predictable these days. If you want to differentiate your website from the pack, bring some excitement to it with UI animation.