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

8 CSS & JavaScript Snippets for Creating Polygons

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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

CSS / UI Design

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

CSS / UI Design

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

CSS / JavaScript / UI Design

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

CSS / UI Design

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

CSS / JavaScript / UI Design

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

CSS / UI Design

We have collected ten of the best open-source CSS code snippets that you can use as a template for creating your own carousels sliders.

8 Magical CSS & JavaScript Harry Potter Code Snippets

8 Magical CSS & JavaScript Harry Potter Code Snippets

CSS / JavaScript / UI Design

We share a collection of spell-binding CSS and JavaScript Harry Potter code snippets. Let’s journey into the wonderful world of Hogwarts!

A Long Time Ago: Code Snippets Inspired by Star Wars

A Long Time Ago: Code Snippets Inspired by Star Wars

CSS / JavaScript / UI Design

A collection of Star Wars-inspired code snippets, including characters, quotes, games, and even the opening crawl. May the 4th be with you!

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

CSS / JavaScript / UI Design

We show you some truly creative CSS snippets that you can use to integrate image hover effects into the UI of your own websites.

8 CSS & JavaScript Snippets That Celebrate Spring

8 CSS & JavaScript Snippets That Celebrate Spring

CSS / JavaScript / UI Design

A collection of CSS and JavaScript snippets that celebrate spring. Plenty of pastels, flowers, and chicks, and some amazing coding skills too.

8 Virtual Winter Wonderlands Created with CSS & JavaScript

8 Virtual Winter Wonderlands Created with CSS & JavaScript

CSS / JavaScript / UI Design

We share an outstanding collection of winter-themed CSS and JavaScript code snippets. Bundle up and check out these creative & fun examples!

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

CSS / JavaScript / UI Design

We have a collection of CSS & JS snippets that take illustrations to the next level. Each one is editable, so feel free to play around with the code.

Get into the Halloween Spirit with These Spooky Snippets

Get into the Halloween Spirit with These Spooky Snippets

CSS / JavaScript / UI Design
Previous Page34567Next Page