Form Ui Animation

Form transitions UI based on Dominik Markušić dribble.

Made with: HTML/Pug

View Code

Folding Modal

Folding modal window with HTML, CSS and JS.

Made with: HTML

View Code

Hover Effect Using Css Variables

Made with: HTML,CSS (SCSS),JS

View Code

Background Effect

HTML and CSS background effect.

Made with: HTML,CSS (Sass)

View Code

Pure Css Animated Background

Pure CSS animated background.

Made with: HTML,CSS

View Code

Blog-Card

Made with: HTML,CSS

View Code

Flexbox Sticky Footer

A simple example of using flexbox to create a sticky footer page layout.

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

View Code

Donut Progress Bar

Made with: HTML,CSS (Sass),JS

View Code

Card Skeleton Loader

Made with: HTML,CSS

View Code

Mobile Planet Gallery

Mobile planet gallery with anime.js.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Pure Css Iphone X

Made with: HTML,CSS

View Code

Link Arrow

Link hover arrow idea.

Made with: HTML

View Code

Login/Sign Up Form Animation

Made with: HTML,CSS (SCSS),JavaScript

View Code

Memory Game

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

View Code

Scroll And Morph

Uses the basicScroll parallax scroll library to morph text on scroll. Morphing is accomplished through CSS variables & CSS clip-path.

Made with: HTML,CSS,JS

View Code

Border Inset

Trying to achieve an inset border effect around a block of text.

Made with: HTML,CSS (SCSS)

View Code

Music Player

UI music player with little JavaScript.

Made with: HTML,CSS (SCSS),JS

View Code

Movie Card

Responsive movie card - light version. Dark version: https://codepen.io/simoberny/pen/qxxOqj

Made with: HTML,CSS (SCSS)

View Code

Simple Tabs

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

View Code

Scroll Timeline

Vertical scroll timeline.

Made with: HTML/Pug

View Code