20 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 & Javascript Timeline Examples

A timeline is great for displaying chronological items. When it comes to storytelling and visualisation, timeline is great tool to choose from. Timeline doesn’t have to be difficult or expensive. Coding definitely gives you more options to create and customise the graphs especially when the data is messy, CSS and Javscript can provide good options when it comes to instant data visualisations. So in this post we’ve gathered some great examples of timeline built using CSS and Javascript for inspiration to create interactive timelines.

27+ CSS Border Style & Animation Examples

With more sophisticated CSS you can greatly enhance your website’s UI. CSS border properties is a powerful tool that allows you to give your border a unique, individual style. So in this post we’ve collected some examples of various CSS border styles and animations for inspiration.

30 CSS & SVG Typography Effects 2020

If you need to make sure that you have the kind of eye-catching site that makes people curious to keep reading then a great way to make your site more interactive is through the use of animations. Typography animations in CSS and SVG are an effective way to bring your website into the future. So here in this post I’ve collected 30 CSS & SVG Typography Effects 2020 for inspiration to create cool text animations that you can use to demonstrate products and services, display brand style, create mood, and even lead the user through a story.

25 CSS Button Designs & Animations 2020

Being one of the most important components in web design, they allow our users to complete a certain task. Buttons are a vital element in creating a smooth conversational flow in web and apps , so it is important to consider them with attention to details such as the indents, size , location and accessibility. Depending on the style and tasks of the site, there are many variations of how the button may looks like. If you are looking for inspiration to create CSS buttons that will make your app pop in all the right places, here are 25 CSS Button Designs & Animations 2020 for inspiration.

20 Cool CSS & Javascript Error 404 Page Examples

Have you ever been lost? It’s not a good feeling. Your head spins while you frantically try to locate something familiar. A 404 error page is one of the most common notifications you’ll see on the Internet. In fact, almost every website has a 404 page not found notification. A creative, cool, interesting or informative 404 error page can not only lead customers to other parts of your websites smoothly. So if you are looking for inspiration to turn a 404 page into something brilliant and creative then here are 20 witty and well-designed 404 error pages using CSS and Javascript for inspiration.