tympanus.net/codrops

VN:F [1.9.22_1171]
Rating: 8.3/10 (6 votes cast)

Useful resources and inspiration for creative minds (html, css, javascript)

Case Study: Troa 25′ Folio

28 March 2025 @ 1:27 pm

A look at how Troa reimagined their portfolio — focusing on performance, sustainability, and a clean, thoughtful design.

Developer Spotlight: Jorge Toloza

27 March 2025 @ 3:25 pm

From self-taught beginnings to crafting motion-driven, interactive experiences—this is a look at Jorge Toloza's journey and the projects that shaped his approach to creative development.

Design in Motion: The Animation Principles Behind Green Stack

26 March 2025 @ 7:49 am

A concept-to-site journey in Webflow, shaped by design, dev, and bold animation principles.

Stas Bondar ’25: The Code & Techniques Behind a Next-Level Portfolio

25 March 2025 @ 8:14 am

A look behind stabondar.com — a creative portfolio featuring advanced web animations with GSAP, Three.js, and physics-based effects.

Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL

24 March 2025 @ 9:56 am

A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.

Motion Highlights #3

22 March 2025 @ 8:03 am

Fresh animation ideas and motion design trends to fuel your inspiration.

Designer Spotlight: Huy Phan

21 March 2025 @ 9:32 am

Award-winning designer Huy Phan shares his journey, creative philosophy, and the stories behind his most impactful digital experiences.

Developer Spotlight: Jean Mazouni

20 March 2025 @ 7:41 am

In this spotlight, Jean Mazouni showcases some of his favorite freelance work as a web developer and shares his passion for WebGL technologies.

StringTune: The JavaScript Library Born from a Design Agency’s Workflow

19 March 2025 @ 11:11 am

Learn how to use this flexible JavaScript library for animations, smooth scrolling, and interactive effects.

Building an Interactive Image Grid with Three.js

18 March 2025 @ 9:09 am

In this tutorial, we'll create an interactive image grid using Three.js, covering setup, animations, and shaders.