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.

10 Examples of Generating Randomness with Code

10 Examples of Generating Randomness with Code

Since the very first programming languages, coders have used them to generate things at random. While common examples such as numbers and letters immediately come to mind, there is so…

On the Downlow(res): A Showcase of CSS Pixel Art

On the Downlow(res): A Showcase of CSS Pixel Art

With display technology currently in a sort of golden age, you may be curious as to why so many of us are still hung up on pixel art. Why, with…

Keeping Time: A Collection of Clock and Timer Code Snippets

Keeping Time: A Collection of Clock and Timer Code Snippets

The act of displaying time is quite popular on the web. But it’s not at all limited to what we typically wear on our wrist or hang on the wall….

Fun Examples of CSS Imitating Print Design

Fun Examples of CSS Imitating Print Design

There’s still some value in having a document or other printed product that you can hold in your hand. And as much as the web has promised a “paperless” world,…

Bringing the Curtain Effect to Your Website with These Snippets

Bringing the Curtain Effect to Your Website with These Snippets

The curtain effect will not make your design pop or amaze users, but certainly can engage visitors, smarten the design, and enrich the user experience.

Shining Examples of the Flashlight Effect Web Design Trend

Shining Examples of the Flashlight Effect Web Design Trend

2019 has already seen numerous tiny trends where the mouse cursor played first fiddle: mouse trails, repelling effects, interactive 3D globes and fantastic hover effects – to name a few….

Using Shaders to Create Realistic Special Effects in Web Design

Using Shaders to Create Realistic Special Effects in Web Design

WebGL has become the subject of experimentation and testing the limits of what is possible on the web. Almost each day we stumble upon grandiose solutions powered by it. As…

30 Free Material Design UI Kits, Templates & Icon Sets

30 Free Material Design UI Kits, Templates & Icon Sets

We share with you a fantastic collection of free UI kits, templates, and icon sets that truly embrace the Material Design visual language.

20 Inspiring Examples of Web and Mobile Wireframe Sketches

20 Inspiring Examples of Web and Mobile Wireframe Sketches

A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. And to help you get inspiration as well as…

5 Fantastic Sketch App Tools Every Designer Should Use

5 Fantastic Sketch App Tools Every Designer Should Use

By pushing itself as the all-in-one graphics editor for all designers, Photoshop has become simply too bloated, and too confusing for specialized UI design work. These days, most startups and…

Stripes & Co Line-Styled Free Icon Set (65 Icons in AI & EPS Formats)

Stripes & Co Line-Styled Free Icon Set (65 Icons in AI & EPS Formats)

This icon set includes 65 icons, available in both AI and EPS formats. Best of all, these icons are free to use in both your personal and commercial projects.

The Principles of Typography: Back to Basics

The Principles of Typography: Back to Basics