Circle Links

Made with: HTML,CSS

View Code

More Button Animation

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

View Code

Folding Cards Animation

Made with: HTML (Pug),CSS

View Code

Confirm Confetti Button

Made with: HTML,CSS (SCSS),JS

View Code

Valorant Button

Recreating the (amazing!) buttons featured on Valorant from scratch based on their visual appearance.

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

View Code

React Progress Bar

Simple React progress bar component.

Made with:

View Code

Login Form

Login form with floating placeholder and light button.

Made with: HTML,CSS

View Code

Square Logo Design

Made with: HTML (Haml),CSS

View Code

Weather App

A minimalist weather app using the Open weather API. Webpack + Babel. Styled with Bootstrap.

Made with: HTML,CSS,JS

View Code

Website Hero

Just playing around with position sticky for some fun scrolling effects.

Made with: HTML,CSS (SCSS)

View Code

Heroes In The Spotlight

Made with: HTML,CSS (SCSS)

View Code

Responsive Meandering Text With Splitting

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

View Code

Motion Path Scaling

Using Resize Observer to scale the element using the path.

Made with: HTML,CSS (SCSS),JS

View Code

Animated Hero Header

Made with: HTML,CSS (SCSS),JS

View Code

Hero

Made with: HTML,CSS,JS

View Code

Css In Css With A Lot Of C And S

Made with: HTML,CSS (SCSS)

View Code

Chat Bubble Button

Chat bubble to close animation.

Made with: HTML,CSS

View Code

Bootstrap Hover Effect Style #316

Made with: HTML,CSS

View Code

Responsive Pull Quote

This responsive pullquote is really an illusion. The text is moving, not the quote.Creates an interesting callout without CSS Grid.

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

View Code

Hero - 3 Designs

Made with: HTML,CSS (SCSS)

View Code