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 Code Snippets for Creating Animated Paths

8 Code Snippets for Creating Animated Paths

CSS / JavaScript / UI Design

A collection of code snippets for creating animated CSS paths that will allow you to achieve a number of exciting effects.

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

CSS / UI Design

We share a collection of CSS and JavaScript snippets for creating unorthodox container designs that eschew standard layouts.

8 CSS & JavaScript for Creating Animated Backgrounds

8 CSS & JavaScript for Creating Animated Backgrounds

CSS / JavaScript / UI Design

We share a collection of CSS and JavaScript snippets for creating animated backgrounds. They will all add flair to previously-static features.

8 CSS & JavaScript Snippets That Celebrate Old School Technology

8 CSS & JavaScript Snippets That Celebrate Old School Technology

CSS / JavaScript / UI Design

After reaching a certain age, you’ll find yourself revisiting the technology that was part of your younger life. Suddenly you pine for the VCR or the C64.

8 CSS & JavaScript Snippets for Creating Chat UIs

8 CSS & JavaScript Snippets for Creating Chat UIs

CSS / JavaScript / UI Design

A collection of CSS and JavaScript code snippets for creating modern messaging and chat UIs that your users will love.

8 CSS & JavaScript Snippets for Creating Accordion UIs

8 CSS & JavaScript Snippets for Creating Accordion UIs

CSS / JavaScript / UI Design

A collection of accordion UIs, built with CSS & JavaScript, that showcase what can be achieved with modern coding techniques.

8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website

8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website

CSS / JavaScript / UI Design

A fantastic collection of CSS and JavaScript scrolling effect code snippets that will wow your visitors and steer clear of being obtrusive.

8 CSS Snippets for Creating Split-Screen Layouts

8 CSS Snippets for Creating Split-Screen Layouts

CSS / UI Design

A fantastic collection of split-screen UIs, complete with CSS source code that you can edit to fit your needs. Each offers something unique.

8 CSS & JavaScript Snippets for Creating Infographics

8 CSS & JavaScript Snippets for Creating Infographics

CSS / JavaScript / UI Design

A fantastic collection of CSS and JavaScript snippets for creating animated and interactive infographic components for the web.

10 CSS & JavaScript Snippets for Creating Content Cards

10 CSS & JavaScript Snippets for Creating Content Cards

CSS / UI Design

We have some stunning examples of CSS content cards that are both beautiful and functional. Best of all, you can download the source code!

8 CSS & JavaScript Snippets for Making the Search Field Sexy

8 CSS & JavaScript Snippets for Making the Search Field Sexy

CSS / JavaScript / UI Design

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 Creating Hand-Drawn Elements

8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements

CSS / JavaScript / UI Design

A collection of CSS and JavaScript code snippets for giving a hand-drawn style to elements and typography.

8 CSS & JavaScript Snippets for Icon-Based Navigations

8 CSS & JavaScript Snippets for Icon-Based Navigations

CSS / JavaScript / UI Design

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

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

CSS / UI Design

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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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

8 CSS & JavaScript Snippets for Creating Onboarding Carousels

8 CSS & JavaScript Snippets for Creating Onboarding Carousels

CSS / JavaScript / UI Design
Previous Page12345Next Page