Circle Links

9.04.2020

Made with: HTML,CSS

View Code

Circle Links

More Button Animation

9.04.2020

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

View Code

More Button Animation

Folding Cards Animation

9.04.2020

Made with: HTML (Pug),CSS

View Code

Folding Cards Animation

Confirm Confetti Button

9.04.2020

Made with: HTML,CSS (SCSS),JS

View Code

Confirm Confetti Button

Valorant Button

9.04.2020

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

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

View Code

Valorant Button

React Progress Bar

9.04.2020

Simple React progress bar component.

Made with:

View Code

React Progress Bar

Login Form

8.04.2020

Login form with floating placeholder and light button.

Made with: HTML,CSS

View Code

Login Form

Square Logo Design

8.04.2020

Made with: HTML (Haml),CSS

View Code

Square Logo Design

Weather App

8.04.2020

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

Made with: HTML,CSS,JS

View Code

Weather App

Website Hero

8.04.2020

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

Made with: HTML,CSS (SCSS)

View Code

Website Hero

Heroes In The Spotlight

8.04.2020

Made with: HTML,CSS (SCSS)

View Code

Heroes In The Spotlight

Responsive Meandering Text With Splitting

8.04.2020

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

View Code

Responsive Meandering Text With Splitting

Motion Path Scaling

8.04.2020

Using Resize Observer to scale the element using the path.

Made with: HTML,CSS (SCSS),JS

View Code

Motion Path Scaling

Animated Hero Header

8.04.2020

Made with: HTML,CSS (SCSS),JS

View Code

Animated Hero Header

Hero

8.04.2020

Made with: HTML,CSS,JS

View Code

PlaceholderHero

Css In Css With A Lot Of C And S

8.04.2020

Made with: HTML,CSS (SCSS)

View Code

Css In Css With A Lot Of C And S

Chat Bubble Button

8.04.2020

Chat bubble to close animation.

Made with: HTML,CSS

View Code

Chat Bubble Button

Bootstrap Hover Effect Style #316

7.04.2020

Made with: HTML,CSS

View Code

PlaceholderBootstrap Hover Effect Style #316

Responsive Pull Quote

7.04.2020

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

Responsive Pull Quote

Hero - 3 Designs

7.04.2020

Made with: HTML,CSS (SCSS)

View Code

Hero - 3 Designs