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 CSS & JavaScript Parallax Scrolling Effect Snippets

10 CSS & JavaScript Parallax Scrolling Effect Snippets

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

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

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

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 Creating Polygons

8 CSS & JavaScript Snippets for Creating Polygons

We’ve collected some stunning examples of what polygons can do when leveraging the power of CSS and JavaScript.

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats

A sweet collection of CSS & JavaScript snippets for recreating some of your favorite candies, baked goods, or even soft drinks.

10 CSS & JavaScript Snippets for Creating Drag-and-Drop UIs

10 CSS & JavaScript Snippets for Creating Drag-and-Drop UIs

We share ten CSS and JavaScript code snippets for implementing drag-and-drop interfaces that you can use on your own web projects.

How CSS Variables Can Improve Efficiency & Consistency

How CSS Variables Can Improve Efficiency & Consistency

Learn how CSS variables can improve efficiency and consistency in your projects, allowing for easier maintenance and streamlined updates.

8 CSS Snippets for Creative Hyperlink Hover Effects

8 CSS Snippets for Creative Hyperlink Hover Effects

A collection of code snippets for creating stunning hyperlink styles that can also provide greater context and fit into your overall branding.

8 Code Snippets for Creating CSS Blend Modes

8 Code Snippets for Creating CSS Blend Modes

Web design, and particularly CSS, has taken on a predictable pattern in recent years. First, we create special effects that make heavy use of images, outside libraries or both. Then…

8 CSS & JavaScript Dark & Light Mode Code Snippets

8 CSS & JavaScript Dark & Light Mode Code Snippets

We share eight unique CSS and JavaScript code snippets for switching between dark and light modes on your website.

10 CSS Snippets for Creating Carousel Sliders

10 CSS Snippets for Creating Carousel Sliders