Collection of top online design tools
Crazy technology house front-end pioneer
Introduction
Here are some carefully selected online tools, these tools have been tested, I found them very useful, and share with you.
background
1. SVG BACKGROUNDS
Like PNG, JPG, or GIF, SVG images can also be used as background images in CSS. This is a cool method because we can match the main element itself to the solid background color and make the page background penetrate the negative space inside the SVG.
URL: https://www.svgbackgrounds.com/
2. FREEPIK BACKGROUND COLLECTION
You can retrieve and download a large number of free SVG background resources. ✓ Free for commercial use ✓ High quality images.
URL: https://www.freepik.com/free-photos-vectors/svg-background
3. HERO PATTERNS
A set of SVG background patterns that can be tiled for you to use in Web projects.
Website: https://www.heropatterns.com/
4. FLATICONS
You can create beautiful designs in simple steps.
- Search for icons, select your favorites and put them in the workspace
- You can change the size, color and background.
- Download the design in the format and size you like.
Website: https://www.flaticon.com/pattern/
5. LOADING.IO PATTERNS
This is a great tool to make your background look beautiful.
URL: https://loading.io/pattern/
COLOR
colour
1. KHROMA
Khroma is the fastest way to discover, search and save color combinations and palettes. Can create unlimited favorites library for future reference.
Website: http://khroma.co/
2. COLOR HUNT
Color Hunt is a free and open platform that can inspire color inspiration through thousands of selected fashion palettes.
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 get inspired by thousands of beautiful color schemes. Start the generator! Explore popular color palettes
Website: https://coolors.co/
4. PALETTON
This is a palette tool that can use various color models to combine adjacent colors or complementary colors into main colors.
5. COLOR MIND
Generate color combinations with one click. Colormind uses deep neural networks to create cohesive color schemes.
URL: http://colormind.io/
SVG animation
1. SVG GATOR
Make SVG animation very simple, no coding required, browser-based, completely free. You can make beautiful animations and export a single animated SVG file.
Website: https://www.svgator.com/
2. INKSACPE
Sozi is a demo application that embeds JavaScript in SVG to generate pan, zoom, and rotation effects for viewing in a web browser.
Website: https://inkscape.org/learn/animation/
3. ANIMATED ADOBES
Adobe created Animate-a powerful SVG animation tool. This is an easy way to create beautiful animations.
Website: https://www.adobe.com/products/animate.html
Other tools
1. BLOB MAKER
Design your own SVG shape for you. The complexity, contrast and color can be modified.
URL: https://www.blobmaker.app/
2. GET WAVES
If you like the SVG graphics generator, you can try getwaves.io, which can do some cool ripple conversions for your web pages.
URL: https://getwaves.io/
3. CSS GRADIENTS
A free CSS gradient generator tool that can create colorful gradient backgrounds for your website, blog or social media materials.
4. UNDRAW
You can find images that suit your needs here and download them. Real-time color image generation can be used to match your brand identity.