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 Snippets for Creating Interactive Web Elements

8 CSS Snippets for Creating Interactive Web Elements

CSS / UI Design

We share a handful of code snippets that you can use for creating common interactive elements using just simple HTML and CSS.

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

CSS / UI Design

Whether designing an Ajax-powered app or wanting to add a fun preloader to your website, these CSS spinner snippets are just what you need.

10 CSS Snippets for Adding Creativity to HTML Lists

10 CSS Snippets for Adding Creativity to HTML Lists

CSS / UI Design

The HTML list is one of the true survivors in the throwaway world of web design. Trends come and go, but both ordered <ol> and unordered <ul> lists are still…

8 CSS & JS Snippets for Creating eCommerce Components

8 CSS & JS Snippets for Creating eCommerce Components

CSS / JavaScript / UI Design

These copy & paste CSS & JavaScript UI concepts can be applied to any eCommerce site. Convert window shoppers into fully-fledged customers!

8 CSS Snippets That Bring Claymorphism to Life

8 CSS Snippets That Bring Claymorphism to Life

CSS / UI Design

We have a fun collection of CSS code snippets that will allow you to copy & paste Claymorphic UI elements into your designs.

10 CSS & JavaScript Parallax Scrolling Effect Snippets

10 CSS & JavaScript Parallax Scrolling Effect Snippets

CSS / JavaScript / UI Design

A collection of CSS & JavaScript snippets for creating the parallax effect. Play around with code and use them in your own projects.

10 CSS Code Snippets for Creating Tooltips

10 CSS Code Snippets for Creating Tooltips

CSS / UI Design

A curated collection of pure CSS code snippets for creating tooltips. You can fork, copy, or restyle these snippers for your own project.

8 CSS & JavaScript Neumorphism Effect Snippets

8 CSS & JavaScript Neumorphism Effect Snippets

CSS / UI Design

The web design industry has always been great at throwing around buzzwords. One of the most recent examples is neumorphism – which is supposedly the “new skeuomorphic” for design elements….

8 CSS Snippets for Creating the Glassmorphism Effect

8 CSS Snippets for Creating the Glassmorphism Effect

CSS / UI Design

A collection of glassmorphism effects built with CSS. They range from common UI elements like buttons to more complex creations.

8 CSS & JavaScript Snippets for Creative Audio & Video Players

8 CSS & JavaScript Snippets for Creative Audio & Video Players

CSS / JavaScript / UI Design

A collection of CSS & JavaScript code snippets for creating incredible HTML5 audio and video players. Feel free to experiment with the source code.

8 CSS & JavaScript Snippets for Creating Gamification Badges

8 CSS & JavaScript Snippets for Creating Gamification Badges

CSS / UI Design

Covering a variety of styles and levels of complexity, we have an amazing collection of gamification badges that have all been built using HTML and CSS.

8 CSS & JavaScript Snippets for Creating Paginated Navigations

8 CSS & JavaScript Snippets for Creating Paginated Navigations

CSS / JavaScript / UI Design
Previous Page1234Next Page