This is a set of four 3D tiled social buttons built using only CSS and HTML. On hover, an element showcases a nice lift achieved through CSS proper...
This is a set of four 3D tiled social buttons built using only CSS and HTML. On hover, an element showcases a nice lift achieved through CSS properties like vertical displacement with transform and the use of box-shadow. Created by CodePen user Stockin.
This is an On and Off button with a smooth morphing animation when toggled. It uses HTML for its basic structure, styled and animated with CSS, wit...
This is an On and Off button with a smooth morphing animation when toggled. It uses HTML for its basic structure, styled and animated with CSS, with all the motions and active states controlled via JavaScript. Created by CodePen user Dannie Vinther.
This is a Vue.js web application for streaming radio stations from Somafm. This app uses the public SomaFM JSON channels API endpoint to pull in a ...
This is a Vue.js web application for streaming radio stations from Somafm. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also used Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station. Created by CodePen user Rainner Lins.
This is a set of two info cards with a fluid color hover effect. The hover transition is achieved by the use of CSS precompiled with Sass and manif...
This is a set of two info cards with a fluid color hover effect. The hover transition is achieved by the use of CSS precompiled with Sass and manifest as a round color overlay progression that turns the card from a gray-scale filter to a vivid color. Created by CodePen user Yancy Min.
A set of 44 hand drawn arrow elements with a simple and yet sophisticated style. The arrows are available in an SVG vector format, which makes it...
A set of 44 hand drawn arrow elements with a simple and yet sophisticated style. The arrows are available in an SVG vector format, which makes it easy to change and customize the stroke thickness, colors and scale to fit your design needs. Designed by Denes from letswp.io, free to use for commercial or private purposes.
This is a set of 21 CSS progress bars made with SVG patterns. The progression of the bars is controlled with JavaScript, that initially sets the ba...
This is a set of 21 CSS progress bars made with SVG patterns. The progression of the bars is controlled with JavaScript, that initially sets the bars to a random value, and the bars are structured with HTML, with CSS which gives format and call the SVG patterns to showcase properly within the bars. Created by CodePen user Lucagez.
