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

8 Code Snippets for Creating Animated Paths

By
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

By
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

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

10 CSS Grid Snippets for Creating Unique Layouts

10 CSS Grid Snippets for Creating Unique Layouts

By
CSS / UI Design

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

By
UI Design / UX Design

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

By
Photoshop / UI Design

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

By
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

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 / 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 Stylish Quotes

8 CSS & JavaScript Snippets for Stylish Quotes

By
CSS / JavaScript / UI Design

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

By
CSS / JavaScript / UI Design

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

By
CSS / JavaScript / UI Design
Previous Page56789Next Page