Online design tools worth collecting

Time:2021-6-12

Author: Abhi projectz

Crazy technology house

Original text: https://dev.to/abhiprojectz/t…

No reprint without permission

introduce

These are some carefully selected online tools that have been tested and I find very useful to share with you.

background

1. SVG BACKGROUNDS

Online design tools worth collecting

Like PNG, JPG or GIF, SVG images can also be used as background images in CSS. This is a cool way, because we can match the main elements themselves with the solid background color, and make the page background penetrate into the negative space inside SVG.

website: https://www.svgbackgrounds.com/

2. FREEPIK BACKGROUND COLLECTION

Online design tools worth collecting

A large number of free SVG background resources can be retrieved and downloaded. √ free for commercial use √ high quality images.

website: https://www.freepik.com/free-…

3. HERO PATTERNS

Online design tools worth collecting

A set of SVG background patterns that you can tile for use in web projects.

website: https://www.heropatterns.com/

4. FLATICONS

Beautiful designs can be created in simple steps.

  1. Search for icons, select your favorites and put them in the workspace
  2. You can change the size, color and background.
  3. Download the design in your favorite format and size.

website: https://www.flaticon.com/patt…

5. LOADING.IO PATTERNS

Online design tools worth collecting

It’s a great tool to make your background look beautiful.

website: https://loading.io/pattern/



COLOR

colour

1. KHROMA

Online design tools worth collecting

Khroma is the fastest way to discover, search and save color combinations and palettes. Can create unlimited favorite library for future reference.

website: http://khroma.co/

2. COLOR HUNT

Online design tools worth collecting

Color hunt is a free and open platform for color inspiration through thousands of selected fashion color palettes.

website: https://colorhunt.co/

3. COOLORS

Create the perfect palette or get inspired by thousands of beautiful color schemes. Start the generator! Explore trending palettes
Create the perfect palette or take inspiration from thousands of beautiful color schemes. Start the generator! Explore the popular palette

website: https://coolors.co/

4. PALETTON

Online design tools worth collecting

This is a palette tool that combines adjacent or complementary colors into a dominant tone using various color models.

website: https://paletton.com/

5. COLOR MIND

One click color combination. Colormind uses deep neural networks to create cohesive color schemes.

website: http://colormind.io/


Svg animation

1. SVG GATOR

Online design tools worth collecting

Make the production of SVG animation become very simple, no coding, browser based, completely free. You can make beautiful animation and export a single animation SVG file.

website: https://www.svgator.com/

2. INKSACPE

Online design tools worth collecting

Sozi is a demo application that embeds JavaScript into SVG to generate pan, zoom, and rotate effects for viewing in a web browser.

website: https://inkscape.org/learn/an…

3. ADOBE ANIMATE

Online design tools worth collecting

Adobe created animate, a powerful SVG animation tool. This is a simple way to create beautiful animation.

website: https://www.adobe.com/product…

Other tools

1. BLOB MAKER

Online design tools worth collecting

Design your own SVG shape for you. You can modify complexity, contrast, and color.

website: https://www.blobmaker.app/

2. GET WAVES

Online design tools worth collecting

If you like SVG shape generator, you can try getwaves.io, which can do some cool wave conversion for your web page.

website: https://getwaves.io/

3. CSS GRADIENTS

Online design tools worth collecting

A Free CSS gradient builder tool to create color gradient backgrounds for your website, blog or social media materials.

website: https://cssgradient.io/

4. UNDRAW

You can find the image that suits your needs here, and then download it. Real time color image generation can be used to match your brand identity.

website: https://undraw.co/illustrations

Online design tools worth collecting


This article starts with WeChat official account: front-end pioneer.

Welcome to scan the two-dimensional code to pay attention to the official account, and push you every day to send fresh front-end technical articles.

Online design tools worth collecting

Welcome to continue to read other high praise articles in this column:

  • Learn more about shadow DOM v1
  • Step by step to teach you how to use webvr to realize virtual reality games
  • 13 modern CSS frameworks to improve your development efficiency
  • Get started with bootstrap Vue
  • How does the JavaScript engine work? Everything you need to know from the call stack to promise
  • Websocket: real time communication between node and react
  • 20 interview questions about Git
  • Deeply analyze the console.log of node.js
  • What is node.js?
  • 30 minutes to build an API server with node. JS
  • Object copy of JavaScript
  • The monthly salary of programmer before 30 years old is less than 30K, where should we go
  • 14 best JavaScript data visualization Libraries
  • 8 top level vs code extensions for front end
  • Full guide to node.js multithreading
  • Four schemes and implementation of transforming HTML into PDF

  • More articles

Recommended Today

The use of springboot Ajax

Ajax overview What is Ajax? data Ajax application scenarios? project Commodity system. Evaluation system. Map system. ….. Ajax can only send and retrieve the necessary data to the server, and use JavaScript to process the response from the server on the client side. data But Ajax technology also has disadvantages, the biggest disadvantage is that […]