Topic Archives

UI Components

Explore and download our free collections of UI components and code snippets and streamline your web development process.

View all CSS content

10 JavaScript & CSS Frameworks for Enhancing HTML Forms

10 JavaScript & CSS Frameworks for Enhancing HTML Forms

CSS / JavaScript

We have free tools, frameworks, and libraries for improving HTML forms, such as adding validation, input masks, and other visual guides.

Code Snippets That Demonstrate the Repelling Effect in Web Design

Code Snippets That Demonstrate the Repelling Effect in Web Design

CSS / JavaScript / UI Design / Web Design

A collection of inspiring examples, complete with code snippets, to showcase the beauty and intrigue of the repelling effect in web design.

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

CSS / JavaScript / UI Design

Nature has been a source of design inspiration since the beginning of time. Its beauty touches everything from the clothes we wear to the gadgets we use. So, it’s not…

9 Free Progress Bar JavaScript Plugins For Web Designers

9 Free Progress Bar JavaScript Plugins For Web Designers

CSS / JavaScript / UI Design

With these free JavaScript plugins, you can redesign your progress bars beautifully, and also add many useful features and custom animations.

9 Simple CSS & JS Snippets for Creating Beautiful Tabs

9 Simple CSS & JS Snippets for Creating Beautiful Tabs

CSS / UI Design

If you are building a tabbed widget you could start from scratch, or you could use one of the CSS & JavaScript code snippets we have here.

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

CSS / JavaScript / UI Design

A collection of CSS and JavaScript code snippets that bring an element of realism to web animation. Full-on recreations to real-world effects.

8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

CSS / JavaScript / UI Design

Because cats are so universally loved, they make a great subject for CSS & JavaScript code demonstrations. You will love this fantastic collection of snippets!

10 CSS & JavaScript Snippets for Beautiful Syntax Highlighting

10 CSS & JavaScript Snippets for Beautiful Syntax Highlighting

CSS / JavaScript / UI Design

If you write many coding articles or need to add code onto your landing page, then these free CSS and JS code snippets are what you need.

10 Free CSS & JavaScript Onboarding User Interfaces

10 Free CSS & JavaScript Onboarding User Interfaces

CSS / JavaScript / UI Design

We have an amazing collection of free CSS and JavaScript onboarding UI snippets that offer plenty of inspirational ideas and solutions.

12 Modal Window Libraries & Plugins For Your Site

12 Modal Window Libraries & Plugins For Your Site

CSS / JavaScript / UI Design

A collection of the best free plugins, libraries, and frameworks for creating modal windows. Varied features and styles to choose from.

10 CSS Snippets for Creating Simple Bar Graphs

10 CSS Snippets for Creating Simple Bar Graphs

CSS / UI Design

If you are looking for a simple way to create bar graphs, this collection of free and open-source HTML & CSS bar charts is for you.

10 Code Snippets For Creating Animated Headers & Video Backgrounds

10 Code Snippets For Creating Animated Headers & Video Backgrounds

CSS / UI Design

All of these animated backgrounds offer different styles, but if you know what you’re looking for, there’s a snippet here for you.

10 Free CSS & JS Notification Alert Code Snippets

10 Free CSS & JS Notification Alert Code Snippets

CSS / JavaScript / UI Design

We’ve curated the CSS & JavaScript source code of our favorite notification messages, dialog boxes and alert windows. All free and offer plenty of options.

12 Stunning Retro Neon Effects in Web Design

12 Stunning Retro Neon Effects in Web Design

CSS / UI Design / Web Design

Evolved from the Geissler tube, the neon sign was a characteristic trait of America from the 1920s to the ’60s. It has marked several decades and created its own distinct…

8 CSS & JS Snippets for Creating Stunning 403 Pages

8 CSS & JS Snippets for Creating Stunning 403 Pages

CSS / JavaScript / UI Design

Web designers have gotten used to turning errors into opportunities. It’s no secret that the common, most widely occurring (and surprisingly recognizable) HTTP status code 404, aka “Not Found,” was…

10 Amazing Animated Text CSS & JavaScript Code Snippets

10 Amazing Animated Text CSS & JavaScript Code Snippets

CSS / JavaScript / UI Design

You will be able to make some pretty dazzling animated text effects with the basic CSS (and few lines of JavaScript) code snippets we have for you here.

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

CSS / UI Design

You may not think there’s a lot you can do with standard text underlines, but if you delve into CSS animation you’ll see just how much you really can do!

10 Open-Source Login Page Templates Built With HTML & CSS

10 Open-Source Login Page Templates Built With HTML & CSS

CSS / UI Design
Previous Page45678Next Page