Skip to main content

Design Tools to Help You Create Your Next Project- Part 3

Coolors

Coolors is a super fast color scheme generator. You can explore thousands of pre-existing color schemes (each one features five colors). Or, you can generate your own in a matter of minutes. Once you go to the “generate” page, hit the space bar to start with a different color scheme, and then you can adjust each color’s hue, saturation, and brightness accordingly.


Web Gradients

Web Gradients is a collection of almost 200 background gradients, created by the itmeo team. You can use each of these content backdrops for any part of your website. You’ll find a .PNG version of each gradient, as well as easy-to-copy CSS3 crossbrowser code. Bonus: there are even curated packs for Sketch & Photoshop.


On Color Hunt, browse through countless palettes, comprised of four colors each. You can browse and sort through the list based on what’s hot and popular, or just pick “random” and see what comes up. Create your own and share it on the site.


Color Palettes

Need to create a color palette for your latest website or project? It can take a surprisingly long time to create a color scheme from scratch. Make the process easier and browse through these sites for color palette inspiration

Illustrio

Get ready to spend a lot of time playing around with icons on Illustrio. There are hundreds of icons to choose from, and each one is highly customizable—get each one in 16 different styles, and make each one any color you want.



On the Swifticons site, you’ll find more than 2,000 high-quality icons, which you can download in six editable styles: outlined, filled, colored, jolly, flat, and pattern. You can download the entire pack of icons for under $100—or opt for the activities pack (152 icons), which is yours for free.





Comments

Popular posts from this blog

Pay Per Click by AppWorks Technologies Pvt Ltd

Woot, 2.4.0 is out! : vue.js

FeaturesFull SSR + async component support in core: SSR now supports rendering async components used anywhere and the client also supports async components during the hydration phase. This means async components / code-splitting now just works during SSR and is no longer limited at the route level. (9cf6646 & 7404091) Easier creation of wrapper components: (6118759) New component option: inheritAttrs. Turns off the default behavior where
parent scope non-prop bindings are automatically inherited on component root
as attributes. New instance properties: $attrs & $listeners. $attrs contains the parent-scope attribute bindings that were not recognized as props, and $listeners contains the v-on listeners registered in the parent scope (without the .native modifier). These are essentially aliases of $vnode.data.attrs and $vnode.data.on, but are reactive. Combining these allows us to simplify a component like this down into this: <div> <inputv-bind="$attrs"v-on=&qu…