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

Send Holiday Cheer with these Pure CSS Christmas Code Snippets

Send Holiday Cheer with these Pure CSS Christmas Code Snippets

CSS / JavaScript / UI Design

All of these pure CSS Christmas code snippets are perfect for spreading some holiday cheer on your website or application.

13 Incredible Code Snippets Inspired by Music

13 Incredible Code Snippets Inspired by Music

CSS / JavaScript / UI Design

The soul of a developer is painted like the wings of a butterfly. It is always full of bright ideas, brilliant findings, unique solutions, marvellous tricks and pioneering experiments. Not…

Set Your Text in Motion with These Dazzling Effects

Set Your Text in Motion with These Dazzling Effects

CSS / UI Design

The trend of setting text in motion rules these days. You can’t help but follow the madness and develop an obsession of injecting life into your typography.

10 Magnificent Code Examples of Morphing SVGs

10 Magnificent Code Examples of Morphing SVGs

CSS / JavaScript / UI Design

These examples show that morphing effects can be useful. Sure, they can be silly and fun, but can also serve as a means to subtly attract a user’s attention

Attack of the Blob-Based Animated Backgrounds in Web Design

Attack of the Blob-Based Animated Backgrounds in Web Design

CSS / JavaScript / UI Design

We’ve created this collection of HTML, CSS & JavaScript snippets that will show you how to build your own animated blob-shaped animation background.

10 Useful Material Design Code Snippets

10 Useful Material Design Code Snippets

CSS / UI Design

If you’re big on the material design style then these code snippets are for you. These are just 10 of our favorites that offer a variety of components to pick through.

Show Me Emoji: Iconic Code Snippets

Show Me Emoji: Iconic Code Snippets

CSS / JavaScript / UI Design

We showcase some of the more interesting and fun emoji examples. They use simple CSS and clever animation to brings them to life beautifully.

Amazing Collection of CSS & JavaScript Calculators

Amazing Collection of CSS & JavaScript Calculators

CSS / JavaScript / UI Design

We have a collection of code snippets that calculate all sorts of things. Not only are they useful, but also demonstrate the power of both CSS and JavaScript.

8 Caffeine-Powered CSS and JavaScript Snippets

8 Caffeine-Powered CSS and JavaScript Snippets

CSS / JavaScript / UI Design

Caffeinated beverages have always helped web designers power through projects and, ironically, they can also fuel the learning process, as these snippets demonstrate.

8 Animated CSS & JavaScript Code Snippets That Celebrate Summer

8 Animated CSS & JavaScript Code Snippets That Celebrate Summer

CSS / JavaScript / UI Design

There’s a reason why so many of us look forward to summer. It provides an opportunity to get outdoors and away from our desks. Then there’s the chance to spend…

The Silly Side of Code Snippets

The Silly Side of Code Snippets

CSS / JavaScript / UI Design

Sometimes the daily grind of web design can make us take things a little too seriously. While that’s good for getting things done, it can also drain us of the…

10 Code Snippets for Creating Masonry Grid Layouts

10 Code Snippets for Creating Masonry Grid Layouts

CSS / UI Design
Previous Page910111213Next Page