- Read more: 131 CSS Cards Collections: Free Code + Demos
131 CSS Cards Collections: Free Code + Demos
In the evolving landscape of web design, CSS Cards stand out as a pivotal UI component, seamlessly bridging aesthetics with functionality. Often referred to as Styling Cards, Web Cards, or even Thumbnail Cards, they have become integral to modern Front-end Development. Originating from frameworks and design philosophies like Bootstrap and Material Design, CSS Cards encapsulate…
- Read more: 33 CSS transition tricks and effects examples
33 CSS transition tricks and effects examples
33 Hand picked CSS transition tricks and effects. Developed using HTML, CSS, javascript, jQuery and SVG. Demo and Download the zip (*.zip) Animate “height” with CSS Transitions Demo Image: Animate “height” with CSS Transitions Animating max-height for replace height:auto limitation in the CSS Transition. Developed By: Felipe Fialho Created: NOVEMBER 18, 2013 Demo Download Menu…
- Read more: 92 CSS Text Effects Collections for Designing Beautiful Websites
92 CSS Text Effects Collections for Designing Beautiful Websites
This collection includes over 92 different CSS text effects that you can use in your web projects. The effects include drop shadows, 3D transforms, gradients, and many other cool effects.
- Read more: 44 Free Multi step HTML forms
44 Free Multi step HTML forms
Due to their capacity to enhance user experience and boost conversion rate, multi step HTML forms have grown in popularity. This post will provide you with 41 multi-step HTML forms that will improve the usability of your website and increase conversion rates.
- Read more: Beautiful Button Loading Animation
Beautiful Button Loading Animation
Sexy button loading animation on clicking the button. Developed using HTML, CSS, Javascript and font awesome. Demo and download the code(*.zip) Awesome button loading animation onclick HTML Snippet <button class=”button”> <span class=”submit”>Submit</span> <span class=”loading”><i class=”fa fa-refresh”></i></span> <span class=”check”><i class=”fa fa-check”></i></span> </button> CSS Snippet html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; }…
- Read more: 8 CSS Re-sizable Panes
8 CSS Re-sizable Panes
Hand picked HTML Re-sizable Panes using HTML, CSS, jQuery, Angularjs, JavaScript. Demo and Download the zip (*.zip) Resizable panes using Angularjs Directive Demo Image: CSS PayPal Email Receipt A lightweight directive for creating resizable containers. The idea behind it was to completely separate the ‘layout logic’ from the ‘resize logic’. Every other directive/plugin I came…
- Read more: 11 CSS Shopping Cart UI/UX
11 CSS Shopping Cart UI/UX
Hand picked CSS shopping cart, paypal cart, Checkout and Credit Card Checkout UI’s with css3 Animation. Developed using HTML, CSS, javascript and jQuery. Demo and Download the zip (*.zip)
- Read more: Simple jQuery lightweight slider
Simple jQuery lightweight slider
Beautiful Simple lightweight slider using CSS and jQuery. Demo and Download the zip (*.zip). Lightweighted jQuery slider
- Read more: Smooth Wyre Payment Like loader using pure CSS
Smooth Wyre Payment Like loader using pure CSS
Beautiful Smooth and Sexy loader like Wyre Payment using pure CSS and HTML. Demo and Download the zip (*.zip).
- Read more: iPhone X Notch like Scroll
iPhone X Notch like Scroll
Awesome iPhone X like scrolling developed using HTML, CSS, JavaScript. Demo and Download the zip (*.zip).
- Read more: Dynamic JSON Articles Card List
Dynamic JSON Articles Card List
Attractive and beautiful article cards in dynamic JSON request data. Developed using JavaScript, jQuery, CSS, HTML. Demo and Download the zip (*.zip). This tutorial covers awesome article navigations with previous, next and close button options. Dynamic JSON Articles Card List using JavaScript HTML Snippet CSS Snippet jQuery Snippet Find the demo below See the Pen…
- Read more: Simple Fun Little Loader
Simple Fun Little Loader
Beautiful simple light weighted animated Attractive loader using Pure CSS, HTML only. Demo and Download the zip (*.zip). Awesome loader code below HTML Snippet <div class=”loader”> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> CSS Snippet html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } *, *:before, *:after { box-sizing:…
- Read more: Attractive loader spinner Morphing
Attractive loader spinner Morphing
Awesome light weighted animated Attractive loader spinner Morphing using CSS, HTML and anime-js. Demo and Download the zip (*.zip).