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 & JavaScript Snippets for Making the Search Field Sexy

8 CSS & JavaScript Snippets for Making the Search Field Sexy

By
CSS / JavaScript

From simple CSS enhancements all the way to JavaScript-infused UIs, this collection of snippets will take the humble search field up a notch.

8 CSS & JavaScript Snippets for Icon-Based Navigations

8 CSS & JavaScript Snippets for Icon-Based Navigations

By
CSS / JavaScript

We share a collection of unique CSS and JavaScript code snippets that you can freely use to create icon-based website navigations.

25+ Best Free Serif Fonts for Creatives

25+ Best Free Serif Fonts for Creatives

By
Fonts

A collection of the best free serif fonts currently available. Typefaces that beautifully combine aesthetics, functionality, and readability.

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

By
CSS

We share a collection of exciting CSS snippets for creating magazine web page layouts using both CSS flexbox and grid.

8 CSS & JavaScript Snippets for Lighting & Shading Effects

8 CSS & JavaScript Snippets for Lighting & Shading Effects

By
CSS / JavaScript

A collection of lighting and shading effect CSS & JavaScript snippets for recreating the incredible effects we see in modern video games.

8 CSS & JavaScript Snippets for Creating Mega Menus

8 CSS & JavaScript Snippets for Creating Mega Menus

By
CSS / JavaScript

A collection of CSS & JavaScript snippets for building mega menus. Everything from simple, text-based navigation to richly-styled UIs.

8 CSS & JS Snippets for Creating Pixelated Backgrounds

8 CSS & JS Snippets for Creating Pixelated Backgrounds

By
CSS / JavaScript

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 Snippets for Interactive Skeuomorphic UIs

10 CSS & JavaScript Snippets for Interactive Skeuomorphic UIs

By
CSS / JavaScript

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

10 CSS & JavaScript Snippets for Text Distortion Effects

10 CSS & JavaScript Snippets for Text Distortion Effects

By
CSS

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

8 CSS & JavaScript Snippets for Creating 3D Text Effects

8 CSS & JavaScript Snippets for Creating 3D Text Effects

By
CSS / JavaScript

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 Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

By
CSS / UI Design

We highlight some inspiring examples of how web designers are bringing excitement to toggle switches with CSS, while still maintaining their functionality.

8 CSS Code Snippets for Creating Stunning Border Effects

8 CSS Code Snippets for Creating Stunning Border Effects

By
CSS
Previous Page1234Next Page