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

8 CSS & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

CSS / JavaScript / UI Design

From bold transformations to simple highlights, we share some fantastic CSS & JavaScript card UI hover effect snippets.

10 CSS Snippets for Creating Responsive Pricing Tables

10 CSS Snippets for Creating Responsive Pricing Tables

CSS / UI Design

A collection of snippets for creating responsive pricing tables. You can further customize the CSS or reuse the code as a template.

10 Retro Video Games Recreated with HTML, JS & CSS

10 Retro Video Games Recreated with HTML, JS & CSS

CSS / JavaScript / UI Design

A collection of classic video games that have been recreated with HTML, CSS, and JavaScript. Pac-Man, Super Mario Bros, Sonic, and more.

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

CSS / JavaScript / UI Design

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

8 CSS & JavaScript Snippets for Creating Audio Visualizations

8 CSS & JavaScript Snippets for Creating Audio Visualizations

CSS / JavaScript / UI Design

A collection of JavaScript and CSS snippets that bring a visual element to sound. Some work with audio files, while others merely facsimile the effect.

8 CSS Snippets That Demonstrate the Power of Shadow Effects

8 CSS Snippets That Demonstrate the Power of Shadow Effects

CSS / UI Design

A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.

Fantastic Examples of Variable Fonts in Action

Fantastic Examples of Variable Fonts in Action

Fonts / UI Design

Variable fonts are the best thing to happen to typography since web fonts. And we’ve some variable font code snippets that prove just that!

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

CSS / JavaScript / UI Design

Free CSS & JavaScript snippets that show how color, movement, and typography contribute to building a stunning testimonial UI.

10 CSS Snippets for Creating Unique Background Effects

10 CSS Snippets for Creating Unique Background Effects

CSS / UI Design

By combining CSS with a sprinkle of JavaScript, you can create some truly creative background effects, as these code snippets demonstrate.

10 CSS & JavaScript Snippets for Creating eCommerce UIs

10 CSS & JavaScript Snippets for Creating eCommerce UIs

CSS / JavaScript / UI Design

There are many free JavaScript and CSS shopping carts available that you can restyle for any type of store. These are some of our favorites.

8 Code Snippets for Creating Animated Paths

8 Code Snippets for Creating Animated Paths

CSS / JavaScript / UI Design

A collection of code snippets for creating animated CSS paths that will allow you to achieve a number of exciting effects.

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

CSS / UI Design
Previous Page12345Next Page