Triangle Loading Animtaion

Triangle Loading Animtaion developed using HTML and CSS. CSS3 properties transform, keyframes and animation are used to develop the triangle loading demo.

Canvas Moving Snakes

Experiment with HTML5 Canvas Particles to create a beautiful Moving Snakes effects with Particle Trails.

Fancy Checkboxes and Radio Buttons — with Font Awesome

Fancy Checkboxes and Radio buttons are developed using HTML, CSS, Javascript and font Awesome. Starting with well-formed HTML, look what we can do with a bit of style and some Font Awesome glyphs

Pure CSS Blockquote

Elegant and responsive blockquote solution. Highlight quote text for a neat animation.

CSS Grid Card Skeleton Screen with Custom Properties

The skeleton page is a big trend in UX field. Using CSS Grid to create the page layout, it is more practical to work with components that need to be dynamically repeat. Example of a skeleton screen for a card loader using CSS Grid and Custom Properties. Example developed using css and html. Demo and download option available.

Cloudy Spiral CSS Animation

CSS animation effects to bring with beautifull cloudy spiral effects. code, download and demo available.Code using <i></i> html element and css properties.

Interactive Web Accessibility Cheat Sheet

15 quick tips to improve the web accessibility of your web pages.

Ionic  tinder Cards demo

An Ionic (reusable Ionic widget) for adding tinder-style swipe cards to your app.

Light Bulb Toggle Switch

A custom checkbox that features a light bulb’s on/off state in the fashion of a toggle switch.

Pure CSS Burger Toggle Button

Pure CSS Burger Toggle button with beautiful animation