React Native Headphones Carousel

23.07.2020

Made with: HTML,CSS,JS

View Code

PlaceholderReact Native Headphones Carousel

Slider With Infinite Loop With Drag And Scroll - Horizontal

23.07.2020

An infinite loop with dragging and mouse scroll with the help of GSAP.

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

View Code

PlaceholderSlider With Infinite Loop With Drag And Scroll - Horizontal

Drag And Scroll Carousel

23.07.2020

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

View Code

Drag And Scroll Carousel

Barcode

23.07.2020

Made with: HTML,CSS

View Code

Barcode

Slider With Infinite Loop With Drag And Scroll

22.07.2020

An infinite loop with dragging and mouse scroll with the help of GSAP.

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

View Code

PlaceholderSlider With Infinite Loop With Drag And Scroll

Like Button Microinteraction

22.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

Like Button Microinteraction

A Collapsibles Accordion

21.07.2020

This is a collapsibles accordion, responsive with Tailwind and JavaScript.

Made with: HTML,CSS,JS

View Code

A Collapsibles Accordion

Liquid Radio Button

21.07.2020

Liquid radio button with SVG.

Made with: HTML

View Code

Liquid Radio Button

Polygon Animation

21.07.2020

Made with: HTML,CSS (SCSS)

View Code

Polygon Animation

Image Masking With Pure Css

21.07.2020

Image masking with pure CSS (transform and overflow).

Made with: HTML,CSS

View Code

Image Masking With Pure Css

Add To Cart

21.07.2020

Made with: HTML,CSS (SCSS),JS

View Code

Add To Cart

Mark Text Effect On Scroll With Io

21.07.2020

Simple example of how to animate mark style on scrolling, using Intersection Observer.

Made with: HTML,CSS (PostCSS),JS

View Code

Mark Text Effect On Scroll With Io

Search Input Caret Jump

21.07.2020

A search input animation in which the magnifying glass handle flies off, becomes a caret, and plants itself into the field.

Made with: HTML,CSS

View Code

Search Input Caret Jump

Nav Stretch

21.07.2020

Made with: HTML,CSS,JS

View Code

Nav Stretch

Search Box Animation

21.07.2020

Made with: HTML,CSS

View Code

Search Box Animation

Custom Radio Buttons Survey

20.07.2020

Custom radio buttons survey with jQuery.

Made with: HTML

View Code

Custom Radio Buttons Survey

Dropplets

20.07.2020

SVG filters and CSS shadows.

Made with: HTML,CSS (SCSS)

View Code

Dropplets

3D Carousel Panorama

20.07.2020

Made with: HTML,CSS,JS

View Code

3D Carousel Panorama

Upload Progress Animation Microinteraction With Gsap

20.07.2020

On the first click, the shape of the button will become circle. Then, the button will become a progress bar, and a "speech bubble" above the progress bar will be shown. That "speech bubble" shows the percentage of the upload progress. The "speech bubble" will tilt when the progress starts. After the uploading is done, the button will turn into green colored circle, then the check mark will appear, pertaining that the upload is already done. After 5 seconds, the button will return into its normal state.

Made with: HTML,CSS,JS

View Code

Upload Progress Animation Microinteraction With Gsap

Svg Text

20.07.2020

Made with: HTML,CSS

View Code

Svg Text