Tags: css

20 Useful Free CSS & SVG Icon Sets

by Henri —

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. …

40 Javascript UI Animation Libraries For Web & Mobile

by Henri —

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

by Henri —

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.…

CSS & Javascript Image Slider Examples 2023

by Henri —

Image sliders are innovative & animated ways to showcase more than one image, video, or design resources on your website.They are often used to showcase featured images and content, or to provide a simple way to navigate between images. Image sliders typically contain a series of images, with navigation arrows or buttons to move between them. So here in this post I`ve collected some examples of image slider for inspiration that you can use to display multiple images in a slideshow format, with the ability to scroll through the images using a variety of controls. The images are usually displayed in a loop, and can be navigated using arrows, dots, or other buttons.…

24 Awesome Checkbox Designs & Animations

by Henri —

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

by Henri —

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

by Henri —

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.…