Icons are a big part of web design. A sleek set of cohesive icons can really pull a web page together. You might prefer to craft your own icons to get the perfect look. But odds are, you`re short on time and creating from scratch is not the most efficient choice for your project. So in this post we`ve put together 20 useful free CSS and SVG Icon Sets you can reference when you`re in need of icons. …
Tags: css
40 Javascript UI Animation Libraries For Web & Mobile
The best sites and mobile apps of today leverage animation not only to improve usability but also to delight and surprise users. Websites without animation are starting to feel antiquated. Whether you want to realistically bounce a ball, gradually expand a drop-down menu, or simply bring attention to an element when users hover over it ,here are 40 Javascript UI Animation Libraries For Web & Mobile that will add life and depth to your web and mobile applications and improve user experience.…
15+ Handy CSS Tools 2023
Do not write CSS code, use these CSS tools instead that can help you immensely. So here’s a curated list of CSS tools that have become a part of our design and development processes in 2023.…
20 Great Uses of Gradients in Web Design
So if you are looking for a fun and unique way to bring your clients’ websites to life then here in this post I’ve collected some great examples of gradient in Web design for inspiration.…
24 Awesome Checkbox Designs & Animations
One of the simplest and most widely used buttons is a checkbox. Checkboxes are binary buttons, either checked or unchecked. Unlike a series of radio buttons, checkboxes can be toggled independently of one another, making them popular for filtering search results, like the sidebar on Amazon. If you are already styling all of your forms, you must know how painful checkboxes can be. They, per-se, aren’t really that much customizable. So in this post we’ve collected 20 Awesome Checkbox Designs & Animations for your inspiration.…
20 CSS Glassmorphic Design Examples
One of the most popular and exciting UI trends of 2022 is glassmorphic design. Glassmorphic design is the use of partially transparent “glass panels” on a blurred background. This visual addition has made its way into designs paired with vibrant gradient backgrounds to spotlight and highlight certain objects. So here in this post I’ve collected some examples of glassmorphic design created using CSS and Javascript for inspiration incorporating Glassmorphism in your designs.…
20 CSS Javascript Date Picker Calendar Examples
Choosing dates using a date picker has been one of the most commonly followed design trends across a plethora of websites. We just need an input field where we need to enter dates, and then a pop-up calendar. There are a lot of use cases where users need to enter the date. A very common example is to enter the date of birth, Book a ticket, make a restaurant reservation, Schedule a meeting, etc. If you are about to design a date picker, here are some examples of CSS Javascript date picker for inspiration.…