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 & JS Snippets for Creating Pixelated Backgrounds

8 CSS & JS Snippets for Creating Pixelated Backgrounds

A collection of CSS and JavaScript snippets for creating unique pixelated backgrounds. They will all add an element of fun to your layout.

10 CSS, JavaScript & SVG Snippets for Creating Logos

10 CSS, JavaScript & SVG Snippets for Creating Logos

We take a look at 10 examples of logo design built with CSS, JavaScript and SVG. Some are originals, others are from well-known brands. All are amazing!

10 CSS & JavaScript Snippets for Creating Interactive Skeuomorphic UIs

10 CSS & JavaScript Snippets for Creating Interactive Skeuomorphic UIs

What is really impressive about skeuomorphic design is that when paired with CSS & JS, you achieve a new level of interactivity.

8 CSS & JavaScript Snippets for Creating Interactive Timelines

8 CSS & JavaScript Snippets for Creating Interactive Timelines

These CSS & JavaScript snippets demonstrate that timelines can be incredibly versatile. From minimally formatted layout to a fully animated experience.

10 CSS & JavaScript Snippets for Creating Page Transition Effects

10 CSS & JavaScript Snippets for Creating Page Transition Effects

A collection of CSS and JavaScript snippets for creating page transitions that you can use to add something exciting to your next project.

8 CSS & JavaScript Snippets for Creating Social Media Icons & Buttons

8 CSS & JavaScript Snippets for Creating Social Media Icons & Buttons

Customize your website with unique social media icons using CSS and JavaScript. Stand out with personalized icons that match your brand.

8 Pure CSS Games You Can Play in Your Browser

8 Pure CSS Games You Can Play in Your Browser

A collection of the best pure CSS games currently available. They range from the stupefyingly simple all the way to “wow, CSS can do that?”

10 CSS & JavaScript Snippets for Creating Responsive Navigations

10 CSS & JavaScript Snippets for Creating Responsive Navigations

These responsive CSS navigation examples are free to edit and use on your own projects. We have a menu type for all types of websites.

10 CSS & JavaScript Snippets for Creating Text Distortion Effects

10 CSS & JavaScript Snippets for Creating Text Distortion Effects

We have a collection of CSS & JavaScript text distortion effect snippets that you can freely use to create stunning headlines and taglines.

8 Open-Source Password Field Forms Built with CSS & JavaScript

8 Open-Source Password Field Forms Built with CSS & JavaScript

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

8 CSS & JavaScript Snippets for Creating Stunning 3D Text Effects

8 CSS & JavaScript Snippets for Creating Stunning 3D Text Effects

A collection of CSS and JS snippets for creating beautiful 3D text effects. They run the gamut from calm and classy to outrageously animated.

8 CSS & JavaScript Snippets for Creating Wild & Crazy Backgrounds

8 CSS & JavaScript Snippets for Creating Wild & Crazy Backgrounds