/ best free open source web resources /

Graphic Resources

How to Create Icon Animations with Mo.js

Posted · Category: Icons, License Free

Maybe you’ve already stumbled across mo.js, a very powerful motion graphics library for the web made by Oleg Solomka. You can do tons of awesome things with it and today we’d like to share our take on some icon animations using the library. It would be really great to be able to animate icons easily to look like Twitter’s heart animation. Codrops has shared some Icon Animations with us. The icons that we are animating are actions where it makes sense to have an active state, like for example the “favorite”, “like” or “upvote”. Although, theoretically, you could apply these kind of effects to anything, it really feels more sensible for these kind of actions.


Requirements: –
Demo: http://tympanus.net/Development/Animocons/
License: License Free

What Salary Could You be Earning?

Posted · Category: Information, Tools

If you want to know what you’re worth, Hired has the answer: with data from thousands of real interview requests and job offers, we’ve put together a salary calculator that can tell you what you could be making in your job based on the skills you have.

If you want to find out how much more you could actually earn, join Hired. Just set up your profile, and companies will give you job offers with salary and equity upfront before you interview. Get multiple job offers from top companies with just 1 application.


Try Hired today!

This content is sponsored via Syndicate Ads.

Pexels – Free Stock Photos with API Available

Posted · Category: CC License, Stock Photos

Pexels started a year ago and has since evolved to a huge database with a lot of amazing free stock photos. To grow Pexels even further they had recently rewrote the whole application and released Pexels 3.0. You can like photos to save them for later and to motivate the photographer. You can upload your own photos to Pexels. And also, there is API available now. Pexels is one of the best sources for high quality stocks. This new version makes it easier to find and download images.


Requirements: –
Demo: https://www.pexels.com/
License: Creative Commons License

Brick.js – A Blazing Fast Masonry Layout Generator

Posted · Category: MIT License, Tools

Brick.js is a blazing fast masonry layout generator for fixed width elements. Bricks capitalizes on batched reading of layout properties for blazing fast packing time, no matter how many items. Besides performance, it features: No required HTML markup or CSS stylesheet, Minimal, powerful, and readable configuration, Optional resize handling, Optimized handling of dynamically added items.


Requirements: –
Demo: http://callmecavs.com/bricks.js/
License: MIT License

Free Download: A Minimal Mobile Chat UI Kit

Posted · Category: License Free, PS Tutorials

Chat is a a minimal mobile UI kit from InVision. Immerse users in minimal, thoughtful designs using Chat’s free iOS app templates, tablet templates, and web templates—available for Sketch and Photoshop. With 60 design templates, 12 categories, and 80 UI components for web, tablet, and mobile, the creative possibilities are endless. Within Chat, you’ll find completely customizable, scalable vector shapes. The high-resolution, retina-ready components are designed to delight, and the grid system keeps everything organized.


Requirements: –
Demo: http://www.invisionapp.com/chat
License: License Free

Collect UI – Based on Dribbble shots, Hand Picked

Posted · Category: Inspiration, License Free

Collect UI is a platform for your daily inspiration collected from daily ui & beyond. Based on Dribbble shots, hand picked. “When browsing Panda’s Dribbble popular feed I often see shots from daily ui challenge getting popular. They look pretty cool and designers are drawn to this activity because of the absence a of client or supervisor pressure. Some people think that daily ui challenge is filling up dribbble with never-ever-used designs, but I see them inspiring in context of layout choices, color palette preference, fonts in use and ui elements in the specific design challenge. Unfortunately these posts fade away once they’re not listed anymore in Dribbble’s popular section. But the challenges chosen are so good that you they serve as a great source of inspiration.” Panda Network said.


Requirements: –
Demo: http://collectui.com/
License: License Free

A Free Book Editor & Writing Tool from Reedsy

Posted · Category: License Free, Tools

Reedsy is a beautiful production tool that takes care of the formatting and conversion, before you have even finished writing. A beautiful interface built for distraction-free writing. The style guide toolbar keeps you in control of your formatting, as you write. When it comes to typesetting, consistency is key. Exported files are ready for instant distribution to ebookstores and POD services with IngramSpark, Amazon Kindle Direct Publishing, Apple iBooks and Kobo Writing Life.


Requirements: –
Demo: https://reedsy.com/
License: License Free

Top of the Line Tools for Creating Portfolios and Websites

Posted · Category: Best Collections

If you are just getting started as a web designer, or you’ve not yet acquired a great deal of experience, you may be hesitant in selecting website or portfolio-building tools; not knowing how steep the learning curve might be, and not knowing if the tool will do the job. Ease of use is important. Fortunately, ease of use is characteristic of most top-tier website and portfolio-building tools.

Top-of-the-line tools are not only typically easy to use; they can make building an awesome website or portfolio a piece of cake. The tools featured here, are powerful in the capabilities they bring with them, and extremely to use.

Almost all feature drag and drop functionality, each one is innovative in its own way, and they aren’t loaded down with features you have no need for. Elegance is sometimes described as the perfect combination of power and simplicity. If that is true, these best tools could easily be called “elegant”.

Check them out. Pick one you need. You’ll get great performance, and you will experience a definite uptick in productivity along with an early return on your investment.



Cornerstone gives you a wonderful opportunity to put the fun back in website design. This innovative editor/page builder was first introduced as a core feature of one of Themeco’s premier WordPress themes. Cornerstone caught on immediately, and Themeco will soon release it as a standalone web building tool that could be used with any WordPress theme.

Typically, page building and editing follows a process of create, save, and review. This front end page builder removes the middle step from the process. Its two interactive displays allow you to see your changes as you make them. This shows you immediately how any change you make will affect your layout at that point in time. This eliminates any need of going back to undo a number of steps before trying again.

There is much more to Cornerstone than what is presented here. Visit the website to see for yourself what this exceptional tool has to offer, including its extensive element library that is constantly being updated. Check it out today!



SnapPages is simple and powerful website builder that anyone can use. It’s a superb choice for building portfolio websites, which need to be especially well structured. This tool is ideal for a web designer looking for an easy way to build websites. It’s a super choice for beginning designs as well.

Power and simplicity is a great combination, andSnapPages will not load you down with a host of features (bells and whistles) you have little or no use for. If you do some or all of your design work on a laptop or tablet, the drag and drop editor is optimized fortouchscreens, and cloud hosting translates into quick loading.

This is a great tool for bloggers, and for anyone wanting to create portfolio or eCommerce websites. With SnapPages, you can integrate PayPal, Square, or shopify into your website, or connect with social media sites.



XPRS by IM Creator is growing, and growing fast. This is not your typical website-building tool. Select from one or more of its 500+ pre-built themes, cut them into strips, and start creating your awesome website. There aren’t many ways to build a website that are quicker and easier. More than one user has likened using XPRS to using Lego blocks; build what you want, and have fun doing it!

One of the primary reasons for this website-building tool’s increasing popularity lies in its purchasing plans. These plans range from free – for artists, students, and nonprofit organizations, to the white label plan –  a plan designers who serve multiple clients have fallen in love with. This plan offers unlimited licensing, which makes its$250 price tag seem ridiculously small.

Whether you choose free or white label plan, or the commercial license plan at $7.95/month, you’ll like what you get.



Building a portfolio-type website might appear to require a great deal of effort, Since a portfolio-type website needs to be extremely well structured, building one would appear to require a great deal of effort. TheAllYou.net authors thought otherwise. They created a front end editing tool that when used in conjunction with their customizable templates, makes creating a portfolio website, or any website, a snap.

If you visit their website, to find out more about this innovative web-building tool, you’ll be invited to take a free 14-day trial spin. There’s no obligation, and you won’t be asked for a credit card number – that’s an offer too good to ignore.

Themify Builder


Themify Builder is another website-building tool we were certain belonged in our listing of best tools. Like the others we’ve selected, it is both powerful and ridiculously easy to use. It’s just a matter of drag, drop, and select. You can use Themify Builder with anyWordPress theme, and without having to resort to using a single line of code.

Try it, and you’ll keep it once you discover you will be able to see a live, front end preview of your layout, and watch your design come to life while you edit. Themify Builder features, animations, background video, and parallax scrolling, and more.

Divi Builder


If you are at all curious about what the advantageous of using Divi Builder might be, just ask a DIvi WordPress theme user. Here is another example of an editor/page builder that helped to make its parent theme so popular that it was introduced as a standalone tool. It is powerful, easy to use, and it can be used with any WordPress theme. We suggest you visit the Elegant Themes Divi Builder home page and view the demo. The demo illustrates the ease of use and the power of the functionality that typify this design tool.



As its name implies, Portfoliobox is an excellent choice for a portfolio website designer, although it will serve you well for building any other type of website. You can create your website right in your browser, and you are not saddled with having to work from a preset theme. There isn’t one. You are free to use your imagination. Modern and trendy templates are included in the package, along with web hosting and a free domain for the PRO customers, and coding is not required. There is an additional bonus – you can try it out for free!

As you browse through this selection, you may have noticed several common threads, namely ease of use, portability, flexibility, and affordability. All offer demos, and several offer free trials or can be used free of charge under certain conditions.

Since almost all operate on a drag and drop principle, they are easy to use, and the interactive editing features several offer are definitely productivity boosters. If you give one or more a try, we would like to hear your thoughts.


MJML – The Framework that Makes Responsive-Email Easy

Posted · Category: MIT License, Webmail

MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward while its rich standard components library fastens your development time and lightens your email codebase. MJML’s open-source engine takes care of translating the MJML you wrote into responsive HTML.


Requirements: –
Demo: https://mjml.io/
License: MIT License

Phoenix Framework – Productive. Reliable. Fast.

Posted · Category: Framework, MIT License

Phoenix framework is a productive web framework that does not compromise speed and maintainability. Phoenix brings back the simplicity and joy in writing modern web applications by mixing tried and true technologies with a fresh breeze of functional ideas. You can create rich, interactive experiences across browsers, native mobile apps, and embedded devices with our real-time streaming technology called Channels. Phoenix leverages the Erlang VM ability to handle millions of connections alongside Elixir’s beautiful syntax and productive tooling for building fault-tolerant systems.


Requirements: –
Demo: http://www.phoenixframework.org/
License: MIT License

Page 23 of 319...«192021222324252627»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons