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 Code Snippets for Creating Beautiful Forms

10 Code Snippets for Creating Beautiful Forms

CSS / UI Design

This is a collection of beautifully designed HTML form designs with free CSS & JS source code so that you can create your own.

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

CSS / UI Design

You can do some amazing things with SVG masks. This technique has been around for years but only recently made its way into mainstream web development. I’ve scoured the web…

10 Dramatic Examples of Splash Screens in Web Design

10 Dramatic Examples of Splash Screens in Web Design

CSS / JavaScript / UI Design

Splash screens in web design are effective as long as they are lightweight, straight-to-the-point, and always improve the experience of the user, as these inspiring examples prove.

10 Amazing CSS & HTML Retro Type Effects

10 Amazing CSS & HTML Retro Type Effects

UI Design

These retro CSS & JS typography effects are welcoming and pleasant blasts from the past that naturally draw attention, feeling like a breath of fresh air.

12 Landscape Scenes Built Entirely With CSS & SVG

12 Landscape Scenes Built Entirely With CSS & SVG

CSS / UI Design

You can do some pretty amazing things with SVGs, including creating impressive landscapes just like the free to use snippets we share here.

10 Code Snippets for Creating Stunning Text Masking Effects

10 Code Snippets for Creating Stunning Text Masking Effects

CSS / UI Design

We have ten simple CSS (and some JavaScript) code snippets for creating stunning and time-proven examples of text masking in web design.

10 Super-Useful Bootstrap 4 Code Snippets

10 Super-Useful Bootstrap 4 Code Snippets

Bootstrap / CSS / UI Design

These CSS snippets highlight some of the coolest examples of what Bootstrap 4 can do. If you want explore the updated framework, you’ll love this.

10 Character Designs Created Entirely With HTML & CSS

10 Character Designs Created Entirely With HTML & CSS

CSS / UI Design

This collection of snippets features some of the most amazing character designs that have all been built using just pure HTML & CSS.

Chill Out with These Calming CSS & JavaScript Code Snippets

Chill Out with These Calming CSS & JavaScript Code Snippets

CSS / JavaScript / UI Design

Our mission for today is to help you recharge from your coding daily grind. So, sit back and gain some positive energy from these clever CSS & JS creations.

Famous Architecture Recreated with CSS & JavaScript

Famous Architecture Recreated with CSS & JavaScript

CSS / JavaScript / UI Design

We share compelling examples of CSS and Javascript recreations of some of the world’s most famous and iconic structures.

Going Up: Vertical Lettering in Web Design

Going Up: Vertical Lettering in Web Design

Inspiration / UI Design / Web Design

Vertical lettering pleases the eye with an unexpected twist in reading flow and effortlessly brings the essential things into focus.

Send Holiday Cheer with these Pure CSS Christmas Code Snippets

Send Holiday Cheer with these Pure CSS Christmas Code Snippets

CSS / JavaScript / UI Design

All of these pure CSS Christmas code snippets are perfect for spreading some holiday cheer on your website or application.

13 Incredible Code Snippets Inspired by Music

13 Incredible Code Snippets Inspired by Music

CSS / JavaScript / UI Design

The soul of a developer is painted like the wings of a butterfly. It is always full of bright ideas, brilliant findings, unique solutions, marvellous tricks and pioneering experiments. Not…

Set Your Text in Motion with These Dazzling Effects

Set Your Text in Motion with These Dazzling Effects

CSS / UI Design

The trend of setting text in motion rules these days. You can’t help but follow the madness and develop an obsession of injecting life into your typography.

10 Magnificent Code Examples of Morphing SVGs

10 Magnificent Code Examples of Morphing SVGs

CSS / JavaScript / UI Design

These examples show that morphing effects can be useful. Sure, they can be silly and fun, but can also serve as a means to subtly attract a user’s attention

Attack of the Blob-Based Animated Backgrounds in Web Design

Attack of the Blob-Based Animated Backgrounds in Web Design

CSS / JavaScript / UI Design

We’ve created this collection of HTML, CSS & JavaScript snippets that will show you how to build your own animated blob-shaped animation background.

10 Useful Material Design Code Snippets

10 Useful Material Design Code Snippets

CSS / UI Design

If you’re big on the material design style then these code snippets are for you. These are just 10 of our favorites that offer a variety of components to pick through.

10 Coded Animated Scenes for Halloween Design Inspiration

10 Coded Animated Scenes for Halloween Design Inspiration

CSS / JavaScript / UI Design
Previous Page1213141516Next Page