Navigation With Scrolling

Made with: HTML,CSS (SCSS),JS

View Code

Css Flexbox Cards

Made with: HTML,CSS

View Code

Horizontal Dropdown Menu

Pure CSS horizontal dropdown menu with nice transitions and beautiful palette.

Made with: HTML,CSS (SCSS)

View Code

Non Rectangular Headers

Non-Rectangular header with inline SVG.

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

View Code

Css Shapes, Columns And Clipping

An experimentation with CSS columns, CSS Shapes, clip-path and background-clip.

Made with: HTML,CSS (SCSS)

View Code

Animate A Bootstrap Grid

Made with: HTML,CSS (SCSS),JS

View Code

Scrolling Gradient

A background gradient that adapts to scroll position.

Made with: HTML,CSS (SCSS)

View Code

Scrolling Gradient

Made with: HTML,CSS (SCSS)

View Code

Card Hover Effect

HTML and CSS card hover effect.

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

View Code

Code Menu

Made with: HTML,CSS (SCSS),JS

View Code

Css Grid Menu Panels

Animated CSS grid-based menu panels. Click the toggle in the top left corner to see it in action.

Made with: HTML,CSS,JS

View Code

Resume

HTML resume with pretty design.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Pink Triangles

CSS only pink animated triangles.

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

View Code

Figure & Figcaption Card

Figure & Figcaption card with jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Figure & Figcaption

Design a beautiful and/or unique figure and figcapation pairing.

Made with: HTML,CSS (SCSS)

View Code

Menu Icon With A Spin

Made with: HTML,CSS (SCSS)

View Code

Dropdown Menu

Cool HTML & CSS dropdown menu.

Made with: HTML,CSS (SCSS)

View Code

Fancy Menu

Fancy dropdown menu in HTML and CSS. Inspired by https://dribbble.com/shots/1075480-Ui-Kit-Hotel

Made with: HTML,CSS (SCSS)

View Code

Image Gallery

Parallax image gallery using figure & figcaption.

Made with: HTML,CSS,JavaScript

View Code

Animating Striped Text

Animating striped text with background-clip and gradients.

Made with: HTML,CSS (SCSS)

View Code