CodeMyUI

Dynamic Tabs

A Pen by Jo Dahl on CodePen.

License.

CodeMyUI

Scroll Drawing

As you scroll down, the % scrolled of the document is calculated and that same % of an SVG <path> is drawn.

A Pen by Chris Coyier on CodePen.

License.

CodeMyUI

Cards Menu Concept

Based on https://dribbble.com/shots/2389505-Cards-Menu-Concept by Gal Shir.

Works well on small and big screens.

A Pen by Bennett Feely on CodePen.

CodeMyUI

Material VCard

Another example of clip-path property for revealing content effect. This experiment will work on Latest Chrome, haven't tested on another browser.

The transition itself is not smooth i think, i have some difficulty time with the javascript. If you have better method please let me know in the comment.

The Design and animation Choreography itself was inspired by Great Shot from CHRISTOPHE KEREBEL on MaterialUp ( https://www.materialup.com/posts/personal-social-card-material-design-animation )

A Pen by Rian Ariona on CodePen.

CodeMyUI

Google Menu Toggle Animation

Forcing myself to use Greensock more. Enjoying how easy and fun it is so far! Just a simple animation that mimics Google's toggle animation

A Pen by Sean Dempsey on CodePen.

License.

CodeMyUI

Timeline Style Navigation

A Pen by Naila Ahmad on CodePen.

License.

CodeMyUI

CSS matrix: writing-mode Reloaded

A Pen by Kseso on CodePen.

License.

CodeMyUI

iMessage Typing Indicator

A Pen by Joseph Fusco on CodePen.

License.

CodeMyUI

Netflix style cards

Inspired by the new Netflix site has these cool cards when you hover the image.

A Pen by Lewi Hussey on CodePen.

License.

CodeMyUI

Neat Parallax Hero Effect

Some javascript magic to make this nifty little parallax hero.

A Pen by Dominic Magnifico on CodePen.

License.