Tag: UI

Deadline: Free UI kit for Photoshop

Deadline is a free UI kit for Photoshop including hundreds of elements and 82 awesome screens in 6 different categories: generic, sign in / sign up, ecommerce, blog, profile and menu. You can take advantages of this kit to create a minimum viable product in a few hours, it’s free for personal and commercial use! Designed and released… Continue reading Deadline: Free UI kit for Photoshop

Flexbox Patterns: Ready-To-Use Building Blocks for Your Design

If you ever delved into Flexbox as an alternative to the classic CSS box model, you probably don’t want to go back. The hitch is, that you need to deal with it in-depth, and who has enough time for that these days. Thus, we’re often stuck with old methods of getting things done, just because… Continue reading Flexbox Patterns: Ready-To-Use Building Blocks for Your Design

11 Fresh Resources For Designers

  ADVERTISEMENT In this post, we are sharing with you a fresh and useful compilation of 11 fresh resources for designers. These tools and resources are extremely helpful in improving your web designing and web development skills. The list contains sets of beautiful 3D Icons, text effects, Icons sets, UI designs kits, and much more. Do… Continue reading 11 Fresh Resources For Designers

Switch: A simple javascript plugin

Switch is a simple but powerful javascript plugin (no dependencies) for creating iOS style switches from simple checkboxes. The plugin comes with a set of options (size, colour, text, etc.) and callbacks that help you to get integrate a switch in your UI in a few clicks. View Demo   View on Github

The Next Random: UI kit for Sketch

Today’s exclusive freebie is The Next Random, a free UI kit for Sketch created and designed by Luan Gjokaj. It is a set of minimal components, which includes buttons, switches, forms, modals, etc. You can use this set in your projects or learn with it, by examining each component to see how it is put together. Download freebie

20 Useful WordPress WooCommerce Plugins Available on CodeCanyon

WooCommerce is a free plugin that transforms WordPress into a powerful eCommerce solution. This WordPress eCommerce plugin now powers over 37% of all online stores and offers a wide variety of plugins that extend and customize WooCommerce in many different ways. Here are 20 useful WordPress WooCommerce plugins available on Envato Market that are worth your… Continue reading 20 Useful WordPress WooCommerce Plugins Available on CodeCanyon

9 Creative CSS3 Animation Tools You Should Bookmark

Are you looking for some free to use CSS3 animation tools? Well, if your answer is yes, then you are lucky enough to land on the right page. In this round up, we are presenting 9 amazing and best CSS3 animation tools that every designer must know. You can bookmark these animation tools for your… Continue reading 9 Creative CSS3 Animation Tools You Should Bookmark

Marvel Styleguide for UI Components and Branding

Posted · Category: Framework, License Free As Marvel continues to grow, both as a product and a company, one challenge they are faced with is learning how to refine the Marvel brand identity and apply it cohesively to each of their products. They created this styleguide to act as a central location where we house… Continue reading Marvel Styleguide for UI Components and Branding

27 Search Boxes With HTML and CSS – CSS Paradise

CSS experiments with a search form input and button. In this collection are the pens for anything related to search box, search bar, global search area that we can put to a website page. Searching Animation Inspired by Another Set of Eyes by Frank Rodriguez.*needs work in Firefox but looks quite nice in Chrome and… Continue reading 27 Search Boxes With HTML and CSS – CSS Paradise

ToDo List Inspiration

Task manager application UI by Alexander Me Day042 Todo List by Catherine Wang 042 DailyUI — ToDo List by Adrien Gervaix Calendar App by Vadim Gromov Updated ToDay app v.1.5 by Guglielmo Daily UI #042 — To Do List by Kelsey Bowman Day 003-Work List by ZoeWang 042 — List App by Racine Davis day41-Todolist by JIE LIU To-Do List by… Continue reading ToDo List Inspiration

6 Principles for Timeless Web Design

How do you stay relevant when your audience always changes? Just like fashion, film, and food, web design and UI are subject to an ever-changing set of standards and expectations. While you might sometimes want to cater to the crowd, having the know-how to create something that does the job and does it well is always… Continue reading 6 Principles for Timeless Web Design

Build Awesome User Interfaces with Flexbox Patterns

Advertise here via BSA Flexbox is awesome, it introduces many new concepts that can make it difficult to use. There are some interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end, and you can start using them in your… Continue reading Build Awesome User Interfaces with Flexbox Patterns

How to Use BrowserSync for Faster Development

BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development

11 of The Best Wireframe & Prototype Tools for Planning Your Sites & Apps

A wireframe is essentially a web designer’s plan for a web page. This frame can be hand-drawn with simple pen and paper, but wireframing tools are much more effective as they enable you to use drag-and-drop tools, collaborate with other designers and show clients your ideas before you even build them. The designer uses plain… Continue reading 11 of The Best Wireframe & Prototype Tools for Planning Your Sites & Apps

How Good Is JavaScript for Building a Large Scale Web Application?

According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?

10 Best AnglularJS Frameworks For Developers

If you are worried about how to create a wonderful and innovative web application without any difficulty or trouble then do not worry any more just simply check out this awesome collection. In this collection you will find 10 best and superb AngularJS frameworks. With the help of this AngularJS framework web developers can easily… Continue reading 10 Best AnglularJS Frameworks For Developers

10 Reasons Why Your Design Skills May Seem Lame

The design field is pretty crowded. If this is your “calling,” then you have to accept that you are in competition with a lot of creatives that may know more than you. You have to accept that you will have to take all of that creativity you have and translate it into products that others… Continue reading 10 Reasons Why Your Design Skills May Seem Lame

New Course: Write Customizer-Ready WordPress Themes

What You’ll Be Creating Themes let you customize every aspect of the design and functionality of a WordPress site. But what if you want to let your client customize some aspect of the theme? Perhaps you want to sell a theme on Envato Market and you want to let buyers adjust the color scheme and logo to… Continue reading New Course: Write Customizer-Ready WordPress Themes

20 Templates For Creating High-Fidelity Wireframes

Wireframing can be something quick and dirty, or it can be a large task that takes time to perfect. So here are some wireframe templates to help you save ton of time. With these templates you can easily create effective mockups and prototype of your web and mobile apps in no time. This is the… Continue reading 20 Templates For Creating High-Fidelity Wireframes

10 fresh examples of diffuse shadow UIs

It seems like some of web design trends aren’t going anywhere soon. We’ve seen Material Design initiation and evolution, advanced animations and microinteractions, vibrant color schemes, beautiful typography, great use of minimalism, new responsive design technique and tools and much more interesting stuff. We also noticed a new trend that is making its way through… Continue reading 10 fresh examples of diffuse shadow UIs