Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

canvassliderslideshowsvg

Prism Effect Slider with Canvas

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.

+ more
gooeyinfiniteloaderpreloadersvg

Creating a “Jump Loader” Animation with SVG and GSAP

Mar 25, 2015 by Chris Gannon

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

+ more
foodfreebieiconvector

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

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.

+ more
forminputinspiration

Some More Inspiration for Text Input Effects

Mar 18, 2015 by Manoela Ilic

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

+ more
bootstrapfreebietemplate

Freebie: “Forkio” One Page Website Template

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.

+ more
filtergooeymenusvg

Creative Gooey Effects

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.

+ more
flatfreebieicon-set

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

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.

+ more
draggableelasticslideshowstacksvg

Playful Trampoline Effect

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.

+ more
Mailchimp
Get personalized content recommendations to make your emails more engaging. Sign up for Mailchimp today.
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by StackPath
  • © Codrops 2023