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

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

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

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

10 CSS Grid Snippets for Creating Unique Layouts

10 CSS Grid Snippets for Creating Unique Layouts

A collection of ten free CSS grid code snippets for creating some truly creative and experimental web layouts.

5 Printable Templates for Sketching Responsive Layouts

5 Printable Templates for Sketching Responsive Layouts

As mobile devices evolve, designing websites responsively has become necessary. However, unlike static or fixed websites, the fluidity and flexibility of responsive sites can make it challenging to convey design…

10 Free Landing Page Web Templates for Photoshop

10 Free Landing Page Web Templates for Photoshop

A collection of the best free landing page PSD web templates that you can use to get up and running in Photoshop quickly.

8 CSS & JavaScript Snippets That Celebrate Old School Technology

8 CSS & JavaScript Snippets That Celebrate Old School Technology

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

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

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

8 CSS & JavaScript Snippets for Stylish Quotes

8 CSS & JavaScript Snippets for Stylish Quotes

Eight compelling CSS & JavaScript snippets to present quotes on your website. There is a style here to fit just about every need.

8 CSS & JavaScript Snippets for Recreating Iconic Titles

8 CSS & JavaScript Snippets for Recreating Iconic Titles

A collection of CSS & JavaScript code snippets that will allow you to recreate popular titles, like Avengers, Frozen, Netflix, and more.

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

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

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

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

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