Hand-picked HTML and CSS code examples, tutorials and articles
CSS Gallery, jQuery plugins

Responsive News Card Slider

Responsive News Card Slider for news and blog pages etc with swiper.js. Made with sweet animations when mouse hover and slide changes. developed using HTML, CSS and swiper.js framework.

webgl 404 error page design

404 error text effect with animated waves effects. developed using HTML, CSS and threejs framework.

Dotted custom cursor style

Playing around with a custom dot cursor style using HTML, CSS and JavaScript. Demo and Download options available.

Simple square shape animated Dot Loader

Simple animated loader develped using HTML, CSS and JavaScript. Demo and Download options available.

Perspective button hover effect

Perspective button hover effect using CSS and HTML only. This can be used for menus or buttons animation hover effects. Demo and Download options available.

Cascading Splitting text effects when ScrollOut

Fantastic work with some really creative CSS Cascading Splitting text effects animations when scrolling. Great Text effect done using both Splitting.js and ScrollOut plugins

Donuts mask text rotation using CSS only

Donuts mask css text rotation effects is developed using CSS only with transition and animation. Text effects demo and download options available.

Card explode using Disintegrate.js

Break Elements Into Particles using Disintegrate.js. This card explode demo is developed using Disintegrate.js. Demo and Download options available.

Colorful bar loader using CSS Effect

Colorful loading animation bar developed using CSS Effects and JavaScript. Demo and Download options available.

CSS Transform Origin illustration Example

This demo will show all sides origin rotation of element using css Transform Origin illustration. Demo and download options available.