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 Reflection & Refraction Effects

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

By
CSS / JavaScript / UI Design

The simple act of light reflecting off of or refracting through a surface can produce stunning visuals. We see it every day in the physical world. It might be the…

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

By
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 Code Snippets for Responsive Text Techniques

10 CSS Code Snippets for Responsive Text Techniques

By
CSS / UI Design

We take a look at a number of different approaches you can take to implement responsive text into your web design layouts.

8 CSS Grid Snippets for Creating Common Website Layouts

8 CSS Grid Snippets for Creating Common Website Layouts

By
CSS / UI Design

A collection of common website layout concepts built using CSS grid. Each one demonstrates how they can make life easier for web designers.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

By
CSS / UI Design

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

By
CSS / JavaScript / UI Design

A collection of liquid effects CSS & JavaScript snippets that are incredibly realistic, while others are reminiscent of a sci-fi fantasy.

8 CSS & JavaScript Snippets for Creative Audio & Video Players

8 CSS & JavaScript Snippets for Creative Audio & Video Players

By
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

By
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

By
CSS / JavaScript / UI Design

We share some highly creative CSS and JavaScript code snippets that you can use for free to improve the pagination on your own website.

25 Fantastic Tutorials For Learning UI Design in Figma

25 Fantastic Tutorials For Learning UI Design in Figma

By
UI Design

From UI basics to more advanced techniques, with the help of these tutorials, you’ll be able to learn and master Figma in no time.

8 CSS & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

By
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

By
CSS / UI Design
Previous Page1234Next Page