Category Archives

UI Design

The role of a UI designer is to create the aesthetic appearance of everything that the end-user interacts with (the UI or user interface), from designing the pages of a website to the screens of a mobile application.

Here you will find web and mobile UI kits, wireframe templates and apps, responsive web design packages, free icons, mockup templates, printable sketch sheets, UI tutorials, free fonts, and much more. Essentially, all the tools and resources to help you get started on your next web or mobile project quicker and easier.

8 CSS & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

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

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

10 Retro Video Games Recreated with HTML, JS & CSS

10 Retro Video Games Recreated with HTML, JS & CSS

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

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 Audio Visualizations

8 CSS & JavaScript Snippets for Creating Audio Visualizations

A collection of JavaScript and CSS snippets that bring a visual element to sound. Some work with audio files, while others merely facsimile the effect.

8 CSS Snippets That Demonstrate the Power of Shadow Effects

8 CSS Snippets That Demonstrate the Power of Shadow Effects

A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

Free CSS & JavaScript snippets that show how color, movement, and typography contribute to building a stunning testimonial UI.

10 CSS Snippets for Creating Unique Background Effects

10 CSS Snippets for Creating Unique Background Effects

By combining CSS with a sprinkle of JavaScript, you can create some truly creative background effects, as these code snippets demonstrate.

8 CSS & JavaScript Snippets for Creating Halftone Effects

8 CSS & JavaScript Snippets for Creating Halftone Effects

Discover various CSS and JavaScript snippets for adding halftone patterns to your web designs and making them interactive.

8 CSS Snippets for Creating Stylish Drop Caps

8 CSS Snippets for Creating Stylish Drop Caps

A collection of eight CSS code snippets for creating elegant, professional and accessible drop caps. Add creative flair to your plain text!

10 CSS & JavaScript Snippets for Creating eCommerce UIs

10 CSS & JavaScript Snippets for Creating eCommerce UIs

There are many free JavaScript and CSS shopping carts available that you can restyle for any type of store. These are some of our favorites.

8 Code Snippets for Creating Animated Paths

8 Code Snippets for Creating Animated Paths