Gradient Border

HTML and CSS gradient border without pseudo elements.

Made with: HTML,CSS (SCSS)

View Code

Animated Business Card

Pure CSS animated business card.

Made with: HTML,CSS (SCSS)

View Code

Smooth Accordion With Tailwind & Css

Tailwindcss component without Javascript.

Made with: HTML,CSS

View Code

Bootstrap Simple Chat

Made with: HTML,CSS,JS

View Code

Rounded Side

Made with: HTML,CSS

View Code

Animated Border On Hover

Card with animated left border on hover.

Made with: HTML,CSS

View Code

Music Player

A little music player.

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

View Code

A Figure With A Figcaption

A figure with a figcaption... and .date that all:hovers.

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

View Code

Card With Figure With A Figcaption

A <figure> with a <figcaption> HTML tags... and .date that all:hovers.

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

View Code

? & ? Rotator

Bees and bombs rotator.

Made with: HTML/Haml

View Code

Glitchy Elastic Slider

Made with: HTML,CSS (SCSS),JS

View Code

Quote Box Hover Effects

HTML and CSS quote with box hover effects.

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

View Code

Css Quote Box Hover Effects

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

View Code

Css Only Countdown

Made with: HTML,CSS (SCSS)

View Code

Navigation With Svg

SVG used to animate a navigation bar. Effects are triggered on hover and click.

Made with: HTML,CSS,JS

View Code

Navigation Arrows

Set of arrow buttons for navigation.

Made with: HTML,CSS (SCSS)

View Code

Underground Radio Buttons

The radio button highlight travels underground.

Made with: HTML,CSS

View Code

Color Palettes

Color palettes with Flexbox.

Made with: HTML,CSS

View Code

Css Scroll Reveal Sections

Use the clip-path property to create fixed position hero sections.

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

View Code

Simple Responsive Jquery Accordion

Made with: HTML,CSS (SCSS),JS

View Code