Hover Effects For Buttons

10.07.2018

5 HTML and CSS very simple hover effects for buttons.

Made with: HTML (Pug),CSS (SCSS)

View Code

Hover Effects For Buttons

Buttons With Stroke

10.07.2018

Buttons with animated SVG stroke.

Made with: HTML,CSS (SCSS)

View Code

Buttons With Stroke

Clip-Path + Shape-Outside

10.07.2018

Made with: HTML,CSS (SCSS)

View Code

Clip-Path + Shape-Outside

Svg Square Loader Concept

10.07.2018

Square loader concept with SVG, HTML and CSS.

Made with: HTML,CSS

View Code

Svg Square Loader Concept

Radio Input

9.07.2018

Made with: HTML,CSS (SCSS)

View Code

Radio Input

Music.Js

8.07.2018

A music streaming service built from the ground up using React & Redux.

Made with:

View Code

PlaceholderMusic.Js

Css Button Hover Effect

8.07.2018

CSS button hover effect with chevron arrows.

Made with: HTML,CSS

View Code

Css Button Hover Effect

Bubble Coloring Button

7.07.2018

Pure CSS bubble coloring buttons.

Made with: HTML,CSS

View Code

Bubble Coloring Button

Olive Ribbon

7.07.2018

Pure CSS ribbon.

Made with: HTML,CSS

View Code

Olive Ribbon

Search Box

7.07.2018

Nice search box. Click on search icon, then type your keyword.

Made with: HTML,CSS

View Code

Search Box

Megaman Ready!

7.07.2018

Reproducing the famous "READY" from the Megaman games without using JavaScript. This uses CSS Grid extensively and css variables for timing.

Made with: HTML (Pug),CSS (SCSS)

View Code

Megaman Ready!

Thumbnail Hover Effects

6.07.2018

Pure CSS3 image thumbnail hover effects, also we can easily change the grid item per row using by Sass variable.

Made with: HTML,CSS (SCSS)

View Code

Thumbnail Hover Effects

Ripple Mouse

5.07.2018

Ripple mouse with three.js.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Ripple Mouse

Add To Collection Button

5.07.2018

Simple animation if you add smth to a collection for example.

Made with: HTML,CSS (SCSS)

View Code

Add To Collection Button

Animated Box With Hover Effects

5.07.2018

Animated box with hover effects in HTML and CSS.

Made with: HTML,CSS

View Code

Animated Box With Hover Effects

Emojibox - Checkbox With Emojis

5.07.2018

Checkbox with emojis (without JS). Create more expressive checkboxes with emojis. They combine the simplicity of checkboxes for the user with the expressiveness of emojis. It makes use of checkbox and radio button to create a binary or non-binary selection. Animations are done with CSS transitions.

Made with: HTML (Pug),CSS (Sass)

View Code

Emojibox - Checkbox With Emojis

Interactive, Responsive Pie Chart

4.07.2018

Interactive, responsive pie chart with conic-gradient(), CSS variables & Houdini magic.

Made with: HTML (Pug),CSS (SCSS)

View Code

Interactive, Responsive Pie Chart

Toggle

4.07.2018

Pure CSS animated toggle switch.

Made with: HTML,CSS (Stylus)

View Code

Toggle

Pop Up Social Feed Notification

3.07.2018

Made with: HTML,CSS

View Code

Pop Up Social Feed Notification

Watch

3.07.2018

A responsive, single-element, CSS watch illustration.

Made with: HTML,CSS (SCSS)

View Code

Watch