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

7 Fantastic Examples of Variable Fonts in Action

7 Fantastic Examples of Variable Fonts in Action

By
Fonts / UI Design

Variable fonts are the best thing to happen to typography since web fonts. And we’ve some variable font code snippets that prove just that!

25 Fantastic Tutorials For Learning UI Design Figma

25 Fantastic Tutorials For Learning UI Design Figma

By
UI Design

From UI basics to more advanced techniques, with the help of these tutorials, you’ll be able to learn and master Figma in no time.

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 & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

By
CSS / JavaScript

From bold transformations to simple highlights, we share some fantastic CSS & JavaScript card UI hover effect snippets.

10 Retro Video Games Recreated with HTML, JS & CSS

10 Retro Video Games Recreated with HTML, JS & CSS

By
CSS / JavaScript

A collection of classic video games that have been recreated with HTML, CSS, and JavaScript. Pac-Man, Super Mario Bros, Sonic, and more.

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

By
CSS / JavaScript

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

8 CSS Snippets for Creating Horizontal Rules & Dividers

8 CSS Snippets for Creating Horizontal Rules & Dividers

By
CSS / UI Design

If you’re looking to take your HR’s up to the next level, this stunning collection of free CSS divider code snippets goes beyond the default.

8 CSS & JavaScript Snippets for Creating Chat UIs

8 CSS & JavaScript Snippets for Creating Chat UIs

By
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

By
CSS / JavaScript

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

8 CSS Snippets for Creating Split-Screen Layouts

8 CSS Snippets for Creating Split-Screen Layouts

By
CSS

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

10 CSS & JavaScript Snippets for Creating Content Cards

10 CSS & JavaScript Snippets for Creating Content Cards

By
CSS

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 HTML Code Snippets for Creating Responsive Newsletter Templates

8 HTML Code Snippets for Creating Responsive Newsletter Templates

By
CSS
123Next Page