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

buttonmorphingsnap-svg

Shazam-Like Morphing Button Effect

In Tutorials, Nov 24, 2015 by Manoela Ilic

A tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.

hoverpricing

Some Inspiration for Pricing Tables

In Playground, Nov 19, 2015 by Manoela Ilic

A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables.

menu

Multi-Level Menu

In Blueprints, Nov 17, 2015 by Manoela Ilic

A simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.

buttonmenusvg

Animating an SVG Menu Icon with Segment

In Tutorials, Nov 12, 2015 by Luis Goncalves

A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating SVG paths.

3dproductslideshow

Interactive Room Display

In Playground, Nov 10, 2015 by Manoela Ilic

An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia’s Dribbble shot “Spaces”.

canvasrainwebgl

Rain & Water Effect Experiments

In Playground, Nov 4, 2015 by Lucas Bebber

Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.

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.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
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