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 Texture & Pattern Effects

8 CSS & JavaScript Snippets for Texture & Pattern Effects

CSS / JavaScript / UI Design

We have a fantastic collection of free-to-use CSS and JavaScript code snippets that you can use to create highly creative patterns & textures.

8 CSS & JavaScript Snippets for Creating Interactive Timelines

8 CSS & JavaScript Snippets for Creating Interactive Timelines

CSS / JavaScript / UI Design

These CSS & JavaScript snippets demonstrate that timelines can be incredibly versatile. From minimally formatted layout to a fully animated experience.

10 CSS & JavaScript Snippets for Page Transition Effects

10 CSS & JavaScript Snippets for Page Transition Effects

CSS / UI Design

A collection of CSS and JavaScript snippets for creating page transitions that you can use to add something exciting to your next project.

8 CSS & JavaScript Snippets for Social Media Icons & Buttons

8 CSS & JavaScript Snippets for Social Media Icons & Buttons

CSS / JavaScript / UI Design

Customize your website with unique social media icons using CSS and JavaScript. Stand out with personalized icons that match your brand.

8 Pure CSS Games You Can Play in Your Browser

8 Pure CSS Games You Can Play in Your Browser

CSS / UI Design

A collection of the best pure CSS games currently available. They range from the stupefyingly simple all the way to “wow, CSS can do that?”

10+ Best Free Personal Portfolio PSD Web Templates

10+ Best Free Personal Portfolio PSD Web Templates

Photoshop / UI Design

A collection of the best free personal portfolio PSD templates you can quickly edit in Photoshop before coding into live websites.

10+ Best Free Design Agency Web Templates for Photoshop

10+ Best Free Design Agency Web Templates for Photoshop

Photoshop / UI Design

A collection of the best free PSD templates that are perfect for creative design agencies and will help you complete your next redesign in no time.

8 CSS & JavaScript Snippets for Awesome Reveal Effects

8 CSS & JavaScript Snippets for Awesome Reveal Effects

CSS / JavaScript / UI Design

A collection of copy and paste CSS and JavaScript code snippets for creating animated reveal effects.

8 CSS & JavaScript Snippets for Creating 3D Text Effects

8 CSS & JavaScript Snippets for Creating 3D Text Effects

CSS / JavaScript / UI Design

A collection of CSS and JS snippets for creating beautiful 3D text effects. They run the gamut from calm and classy to outrageously animated.

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

CSS / JavaScript / UI Design

We take a look at an area that will grab your attention: wild and crazy background patterns built with CSS and JavaScript. No subtlety here.

How to Use Typography to Align Brand Identity

How to Use Typography to Align Brand Identity

UI Design

Selecting the perfect font for promotional materials is a vital aspect of brand identity. Many small business owners and marketing professionals neglect to give proper attention to the fonts they…

How to Target Design Elements with the CSS :not Pseudo-Class

How to Target Design Elements with the CSS :not Pseudo-Class

CSS / UI Design

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

CSS / JavaScript / UI Design

A collection of copy and paste CSS and JavaScript code snippets for creating dynamic progress bars.

8 CSS & JavaScript Snippets for Creating Complex Gradients

8 CSS & JavaScript Snippets for Creating Complex Gradients

CSS / JavaScript / UI Design

Gradients are a true staple of web design. Their beauty lies in their versatility. Use them to make a big, bold statement. Or use them as an accent piece to…

8 CSS Snippets for Creating Bento Grid Layouts

8 CSS Snippets for Creating Bento Grid Layouts

CSS / UI Design / Web Design

Dive into CSS bento grid layouts. A collection of CSS flexbox and grid code snippets, and examples for enhancing your web development skills.

The 10 Best Wireframing & Prototyping Tools for UI & UX Design

The 10 Best Wireframing & Prototyping Tools for UI & UX Design

UI Design

If you’re looking for the best tools for creating wireframes or prototypes on the market to add to your UI or UX design tool kit, you will find them here.

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

CSS / JavaScript / UI Design

The simple act of light reflecting off of or refracting through a surface can produce stunning visuals. We see it every day in the physical world. It might be the…

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

CSS / UI Design
Previous Page12345Next Page