Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

canvassliderslideshowsvg

Prism Effect Slider with Canvas

In Tutorials, Mar 31, 2015 by Claudio Calautti

A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique.

gooeygsapinfiniteloaderpreloadersvg

Creating a “Jump Loader” Animation with SVG and GSAP

In Tutorials, Mar 25, 2015 by Chris Gannon

Learn how to create a playful “Jump Loader” animation with SVG and GSAP.

foodfreebieiconvector

Freebie: Organic Food Icon Set (AI, EPS, SVG, PNG)

In Freebies, Mar 19, 2015 by Wojciech Zasina

A set of 30 organic food icons that come in all common (vector-based) formats. The food icon set is perfect for modern food related projects.

forminput

Some More Inspiration for Text Input Effects

In Playground, Mar 18, 2015 by Manoela Ilic

A couple of more inspirational styles for text input effects including some new techniques and ideas.

bootstrapfreebietemplate

Freebie: “Forkio” One Page Website Template

In Freebies, Mar 12, 2015 by Team Codrops

A responsive Bootstrap website template made by the folks from Pixel Buddha and PSD2HTML. The elegant one-page design is perfect for web dev, apps or software related projects.

filtergooeymenusvg

Creative Gooey Effects

In Playground, Mar 10, 2015 by Lucas Bebber

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

flatfreebieicon-set

Freebie: Travel and Vacation Icon Set (AI, EPS, PSD)

In Freebies, Mar 6, 2015 by Eezy Inc.

A set of 36 colorful and versatile travel and vacation related icons. The icons have a flat design with a long shadow and they come in several vector formats.

draggableelasticslideshowstacksvg

Playful Trampoline Effect

In Tutorials, Mar 4, 2015 by Manoela Ilic

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tribute to Leonard Nimoy.

Wix Studio
Seamlessly transform your Figma designs into responsive, business-ready sites with the Figma to Wix Studio plugin.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Creative Coding Club
GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo