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

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 CSS & JavaScript Snippets for Recreating Music Legends

8 CSS & JavaScript Snippets for Recreating Music Legends

CSS / JavaScript / UI Design

The biggest inspiration for artists is often the art they consume. What we see and hear has an undeniable impact on the things that we ourselves produce. Web designers are…

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

We have ten free open source snippets for creating custom masonry grid layouts. Easy to copy, easy to edit, and perfect for all web designers and developers.

Code as an Ode to Hackers

Code as an Ode to Hackers

CSS / JavaScript / UI Design

Over the last 40 years or so, it seems that society has become fascinated by the art hacking.  Of course, the nefarious kind is always of concern when it comes…

Boom! Examining Explosions in Web Design

Boom! Examining Explosions in Web Design

CSS / Inspiration / UI Design

There are many ways to grab the audience’s attention. We are spoiled with choice, even though the current state of technologies is still imperfect. We are experiencing some browser compatibility…

10 Examples of High-End Artwork Recreated with Code

10 Examples of High-End Artwork Recreated with Code

CSS / JavaScript / UI Design

They say that code is poetry. While that may be the case, code can also be used as a building block for other artforms as well. Combining code with more…

Code Snippets That Pay Homage to Apple Devices

Code Snippets That Pay Homage to Apple Devices

CSS / JavaScript / UI Design

As much as we associate Apple with its handheld devices these days, their history is filled with a great depth of other compelling products. Desktops, laptops, even printers and monitors….

10 Examples of Generating Randomness with Code

10 Examples of Generating Randomness with Code

CSS / UI Design

Since the very first programming languages, coders have used them to generate things at random. While common examples such as numbers and letters immediately come to mind, there is so…

On the Downlow(res): A Showcase of CSS Pixel Art

On the Downlow(res): A Showcase of CSS Pixel Art

CSS / JavaScript / UI Design

With display technology currently in a sort of golden age, you may be curious as to why so many of us are still hung up on pixel art. Why, with…

Keeping Time: A Collection of Clock and Timer Code Snippets

Keeping Time: A Collection of Clock and Timer Code Snippets

CSS / JavaScript / UI Design

The act of displaying time is quite popular on the web. But it’s not at all limited to what we typically wear on our wrist or hang on the wall….

Fun Examples of CSS Imitating Print Design

Fun Examples of CSS Imitating Print Design

CSS / JavaScript / UI Design

There’s still some value in having a document or other printed product that you can hold in your hand. And as much as the web has promised a “paperless” world,…

Bringing the Curtain Effect to Your Website with These Snippets

Bringing the Curtain Effect to Your Website with These Snippets

CSS / JavaScript / UI Design
Previous Page6789Next Page