Idea: explore svg animations, backgrounds, etc.

[AmoebeLabs]

As the sak kan include custom svg's, it would be possible to use them on any card.
This might include partial animations & color settings.

Some of these sites have also very nice animations. Saves a lot of work to see what keyframes they used to get that sort of animation.

By using groups within the svg, parts can be animated and colored.

Large collection:

• https://github.com/dimitrisraptis96/design-heaven

Interesting Sites:

• https://iradesign.io/illustrations/backgrounds
• http://www.potlabicons.com/

Original source

DesignHeaven 👼

Stunning free design resources for designers and developer! Stop hitting your head down on a desk anymore 👌

Table of Contents

1. Stock Images
2. Stock Videos
3. Icons
4. Animated Icons
5. Fonts
6. Illustrations
7. Design Systems
8. Design Inspiration
9. Colors
10. Gradients
11. Design Tools
12. Prototyping Tools
13. Presentation Tools
14. Animation Tools
15. Mockup Tools
16. Web Accessibility
17. UI kits
18. User Flow Tools
19. Creative Tools
20. AI Tools

---

Design Resources

Stock Images

• Burst by Shopify - Download free, high-resolution images.
• Gratisography - The world's quirkiest collection of free high-resolution pictures you can use on your personal and commercial projects.
• Life of Pix - Free high resolution photography.
• Moose - A collection of stock photography in a single style. Good for collages. Free for commercial use.
• New Old Stock - Vintage photos from the public archives.
• Pexels - Free stock photos you can use everywhere.
• Pixabay - Over 1.6 million royalty free stock photos and videos shared by our generous community.
• reshot - Handpicked, non-stocky images. Yours to use as you wish.
• StockSnap - High quality and high resolution stock images free from all copyright restrictions(CC0).
• Unsplash - Beautiful, free images and photos that you can download and use for any project.

Stock Videos

• Coverr - Download royalty free (for personal and commercial use), unique and beautiful video footage for your website or any project.
• Life of Vids - Free videos for personal & commercial uses. New videos added weekly.
• Mixkit - Extraordinary HD videos for you to use, completely free of charge.
• Pexels Videos - The best free videos shared by the Pexels community.
• Videvo - Free HD stock footage & motion graphics for any project.

Icons

• Eva Icons - Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
• Evericons - Evericons is a collection of 460+ well-crafted icons for your next project.
• Feather icons - Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
• Flaticon - The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
• Font Awesome - Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.
• Grommet Icons - Iconography for Grommet and React.js
• IconBros - 1227+ free icons grouped in 38 collections.
• iconmonstr - Discover 4432+ free icons in 307 collections
• Icons8 - Get free icons designed to combine perfectly and fit into the style of your design.
• Ionicons - Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open source, MIT licensed and built by the Ionic Framework team.
• Ikonate - Fully customisable & accessible vector icons
• Material Design icons - Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
• Milk Icons - 1,000 free icons for startups.
• Myicons - 1800 Premium high quality line icons for professional website & apps.
• Nucleo app - Nucleo is a beautiful library of 26831 icons, and a powerful application to collect, customize and export all your icons.
• Οutlane - The pack includes 100 hand-crafted animated vector icons that you can use on any website or app.
• Potlab Icons - Animated SVG icons for web projects.
• Remix Icons - Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.
• Slice - Various Perfectly Shaped Glyphs.
• Streamline 3.0 - Over 10.500 in three different weight.
• The Noun Project - Over 2 Million curated icons, created by a global community.
• Tilda Icons - Free icons for landing pages
• Unicons - 1000+ Pixel-perfect vector icons and Iconfont for your next project.
• Zwicon - Handcrafted iconset for your next project.

Animated Icons

• Animated Icons by Icon8 - A free pack of 166 animated icons in JSON (Lottie), GIF, and After Effects formats.
• Animaticons - Beautiful, customizable animated GIF icons.
• useAnimations - Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites.

Fonts

• 1001FreeFonts - Download 41882 fonts in 21841 families for Windows, Mac and Linux. 1001 Free Fonts offers a huge selection of free fonts. New fonts are added daily.
• Aleo - Free contemporary slab serif typeface.
• Archetype - Archetype makes beautiful web typography designs quick and easy to create.
• Behance - Behance is a network of sites and services specializing in self-promotion, including consulting, online portfolio sites and many free font resources. All you have to do is to add some clever search filters, such as 'free font'.
• Clear Sans - Clear Sans has been recognized as a versatile OpenType font for screen, print, and Web.
• Cooper Hewitt - The Typeface created by Chester Jenkins.
• Dafont - Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.
• FontPair - Font Pair helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
• FontSpark - Helping designers discover the perfect font for their next design project.
• FontSquirrel - Font Squirrel scours the internet for high quality, legitimately free fonts.
• Inter Font Family - Inter is a typeface specially designed for user interfaces.
• Google Fonts - Google Fonts is a library of 900 libre licensed fonts, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android.
• Google Noto Font - Beautiful and free fonts for all languages.
• Leon Sans - Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.
• Optician Sans - A free font based on the historical eye charts and optotypes used by opticians world wide.
• Picas - Generate Project Logo with Google Fonts
• Type-Scale - Preview and choose the right type scale for your project.
• Typewolf - Typewolf helps designers choose the perfect font combination for their next design project
• Variable Fonts - A simple resource for finding and trying variable fonts.

Illustrations

• Absurb - What about surrealist illustrations for landing pages? Take every user on an individual journey through their own imagination.
• Avataaars - Mix and match avatar illustrations. Combine clothes, hair, emotions, accessories, and colors.
• Blobmaker - Create organic svg shapes in just a few seconds.
• Charco - A set of 16 handcrafted illustrations for your web & app projects by Karthik Srinivas.
• Delesign - Use our royalty-free designs for your website, social media, blog, email newsletters, and more.
• DrawKit - DrawKit is a collection of free, beautiful, customisable MIT licensed SVG illustrations in two styles
• FreePik - More than 3 millions free vectors, PSD, photos and free icons.
• Fresh Folk - An illustration library of people and objects
• Freellustrations - Download Free illustrations and vector images for website backgrounds and landing pages.
• IRA Design - With IRA Design, you can create amazing illustrations, using hand-drawn sketch components, a cool selection of 5 gradients and ai., svg. or png. formats.
• Isometric - Free isometric illustrations for designers, startups and companies
• Isometric Love - Cute isometric objects for your design.
• Humaaans - Mix-&-match illustrations of people with a design library.
• Glaze Illustrations - Free illustrations, for everything
• Lukasz Adam - Free vector art illustrations and icons. Available for personal and commercial use.
• ManyPixels - Each week, discover royalty-free illustrations to power up your projects.
• Mixkit - Mixkit is a curated gallery of high-quality videos and art, made by some of the world’s most talented creators, with all content licensed for free.
• Open Doodles - Free sketchy illustrations by Pablo Stanley.
• Ouch - Free illustrations to class up your project.
• Scribbbles - 100+ vectorized scribbbles to spice up your design projects.
• Stubborn Generator - Stubborn Generator is a collection of 25 incredibly cool characters.
• Undraw - Open-source illustrations for every project you can imagine and create.
• Wireframer - Flawless SVG content blocks for your wireframes.
• 404 Illustrations - Trendy, ready to use images for your 404 page

Design Systems

• Ant Design by Alibaba - An enterprise-class UI design language and React implementation.
• Atlaskit by Atlassian - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
• Audi Design by Audi - Audi user interfaces are as varied as their uses – ranging from inspiring websites to applications for a particular service.
• Backpack by Skyscanner - Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner products.
• Grommet by HP Enterprise - Build responsive and accessible mobile-first projects for the web with an easy to use component library.
• IBM Carbon by IBM Cloud products - The Carbon Design System is IBM’s open-source design system for products and experiences.
• Lightning by SalesForce - Create the world’s best enterprise app experiences.
• Mailchimp Patterns by Mailchimp - UX patterns by the Mailchimp design team.
• Material UI by Google - React components that implement Google's Material Design.
• Nachos by Trello - Nachos is Trello's design system (and also our favorite snack).
• Plasma by WeWork - Plasma is a design system for creating sensible, modern interfaces.
• Pluralsight by Pluralsight - The UI building blocks for creating a cohesive design across Pluralsight products
• Polaris by Shopify - Our design system helps us work together to build a great experience for all of Shopify’s merchants.
• Primer by Github - Resources, tooling, and design guidelines for building interfaces with GitHub’s design system.

For more, click here or hit this.

Design Inspiration

• Abduzeedo - The most interesting designs/artworks/concepts curated by Abduzeedo's team to utterly inspire your day.
• awwwards. - Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
• Behance - Showcase and discover the latest work from top online portfolios by creative professionals across industries.
• CallToIdea - Calltoidea is the unique place where you can find inspiration. A great tool created by a designer for web professionals.
• CSS Design Awards - A web design & development award platform for digital folk, UI/UX peeps and inspiring leaders of the web.
• DesignMunk - The ultimate hand picked landing page inspirations from around the web.
• Deviant Art - DeviantArt is the world's largest online social community for artists and art enthusiasts, allowing people to connect through the creation and sharing of art.
• Dribbble - Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.
• h69 - Landing page colletions & Free resources for designers.
• Httpster - Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.
• Hyperpixel - Discover the latest designs for your own inspiration from our curated list of landing pages.
• Inspirationde - Inspirationde is an online source of design inspiration, photography, interior, web design, UI and UX, digital art, illustration, graphic design and much more.
• Land-Book - We collect awesome websites to help creatives find inspiration & motivation to do rad stuff.
• Lapa Ninja - The best landing page design inspiration from around the web.
• Muzli - Muzli is a new-tab Chrome extension that instantly delivers relevant design stories and inspiration.
• OnePageLove - One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.
• Pttrns - Pttrns is the finest collection of mobile design patterns, resources and inspiration.
• The FWA - Showcasing innovation every day since 2000.
• UI Garage - Daily handpicked UI inspiration & patterns.
• UI Movement - The best UI design inspiration, every day.
• Webframe - Discover and be inspired by beautiful webapp designs

Colors

• Accessible Color Matrix - A tool to help designers build color palettes with combinations that conform with accessibility standards.
• Color.review - A modern tool for exploring and finding accessible colors.
• Colorable - Color combination contrast tester.
• Colorbook - Your hex color information and conversion source. We at colorbook have one mission: we want to give each color its place. Think of it as of a facebook of colors.
• ColorBox - Colorbox is a color tool to produce color sets.
• Color-hex - Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK).
• Color Designer - Just pick a color, and the app does the rest.
• Color Hunt - Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
• Colorinspire - Curated color inspiration. Free to use for your next project.
• Color Lisa - Color palette masterpieces from the world's greatest artists.
• Color Quote - Daily dose of color combination and inspirational quote cards for designers and developers.
• Color Safe - Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
• Color Space - Build beautiful color palettes by entering just one color.
• Color Tool - Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
• Colors by Eva Design System - Generate color pallets using deep learning powered algorithm.
• Colors by Klart - Colors is a 100% data-driven collection of color palettes.
• CopyPalette - Hassle-free export your palette to SVG format
• Culrs - Colors that work together are curated and fashioned into quality palettes that you can incorporate.
• Flat UI Colors - 280 handpicked colors ready for COPY & PASTE.
• HappyHues - Curated colors in context.
• HueSnap - Create beautiful color palettes to share and inspire others.
• Khroma - Discover, search, and save color combinations you'll love.
• Leonardo - An open source contrast-based color generator by Adobe.
• Muzli Colors - Create Beautiful Color Schemes that works.
• Open Color - Open color is an open-source color scheme.
• Palettee app - The definite palette editing and remapping tool.
• Palx - Provide a single color value and Palx returns a full-spectrum color palette
• Picular - A rocket fast primary color generator using Google's image search.
• Tints and Shades generator - Easily make tints and shades in 10% increments

Gradients

• CSS Gradient - Create a colorful gradient background for your website, blog, or social media profile.
• Eggradients - A gradient color palette containing +200 gradient background color.
• Grabient - Beautiful and simple UI for generating web gradients.
• Gradient Backgrounds - A curated list of the best gradient websites across the internet.
• Gradient Cards - A simple and beautiful list of editable gradients.
• GradientsList - Gradients List is the biggest collection of gradients on the web.
• uiGradients - A handpicked collection of beautiful color gradients for designers and developers.
• WebGradients - WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.

Design Tools

• Affinity - Affinity - the fastest, smoothest, most precise professional creative software.
• Photopea - A perfect alternative to Photoshop or Gimp.
• Photoshop - The industry standard in digital imaging and used by professionals worldwide for design, photography, video editing & more.
• Procreate - Procreate is the most powerful and intuitive digital illustration app available for iPad.
• Lunacy - Free graphic design software with built-in design resources.

Prototyping Tools

• Adobe XD CC - Design, prototype, and share engaging user experiences across platforms, screens, and devices with Adobe XD CC.
• Figma - A better way to design. Design, prototype, and gather feedback all in one place with Figma.
• Framerx - Create responsive layouts, design realistic prototypes, and bring everything closer to production—all in one place.
• InVision Studio - A new platform inspired by the world’s best design teams. Design, prototype, and animate—all in one place.
• Sketch App - Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.
• UXPin - Design tool like no other. Prototypes that feel real, with powers of code components, logic, states and design systems.

Presentation Tools

• Beautiful.ai - A.I. Powered Presentation Software
• DeckRobot - Make consistent corporate slide decks in one click
• Google Slides - Create a new presentation and edit it with others at the same time — from your computer, phone or tablet.
• Keynote - Keynote is the most powerful presentation app ever designed for a mobile device.
• Microsoft PowerPoint - Microsoft PowerPoint is the best presentation software for meetings, industry talks and business proposals.
• Prezi - The presentation software that uses motion, zoom, and spatial relationships to bring your ideas to life and make you a great presenter.
• Slides - Slides is a place for creating, presenting and sharing presentations. The Slides editor is available right in your browser.

Animation Tools

• Adobe After Effects - With After Effects CC, the industry-standard motion graphics and visual effects software, you can take any idea and make it move.
• Animator by Haiku - Haiku Animator is the premier solution for creating cross-platform UI animations.
• Anime.js - Anime.js is a lightweight Javascript animation library designed to help you make complex animations with ease.
• Animista - Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
• CSSFX - Beautifully simple click-to-copy CSS effects
• Drawer - A high-quality collection of Lottie animations and SVG Illustrations.
• Easings - Easing functions specify the rate of change of a parameter over time.
• Flinto - Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.
• Keyframes - An insanely simple way to create CSS animations.
• LightBox - LightBox is a 2D, Hand-Drawn animation package.
• Principle - Principle makes it easy to design animated and interactive user interfaces.
• Lottie - Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time.
• Spirit - The ultimate tool to create high-quality animations directly in the browser.
• SVG Artista - Little tool that helps you create SVG animations.
• Zdog - Round, flat, designer-friendly pseudo-3D engine for canvas & SVG.

Mockup Tools

• Clean Mockups - Create stunning mockups that make your design standout
• Facebook Design - A collection of free resources made by designers at Facebook
• Frrames - Your perfect design in perfect mockup frame.
• LS Graphics - Branding mockups, devices mockups, scene creators and UI kits for free
• Mockup World - The best free Mockups from the Web
• Mockuuups Studio - Drag-and-drop tool for creating beautiful app previews and marketing materials.
• UX Planet list - A great list of free MacBook Mockups
• Screely - Instantly turn your screenshot into a beautiful mockup.
• Shotsnapp - Create beautiful device mockup images for your app or website design.
• Threed.io - Generate 3D Mockups right in your Browser.
• Qurb - Web-based free mockup generator

Web Accessibility

• Contraste - Contraste is a simple app for checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG).
• Color Safe - Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
• Hex Naw - A color accessibility tool for designers and developers.
• Stark - The plugin to help you design and build products that are accessible, ethical, and inclusive.
• The A11Y Project - A community-driven effort to make web accessibility easier.

UI Kits

• Eva - Customizable Design System easily adaptable to your Brand. Available for Sketch with Mobile and Web component libraries.
• UI Store - 252 Free Handpicked UI Kits for your real life projects.
• Velocity UI Kit - A dashboard UI kit with a robust design system.
• Semantic UI kit for XD - Build your own custom design system with a free XD UI kit inspired by Semantic UI. Created by Ole Fredrik.
• Square Dashboard UI kit - Stylish dashboard UI kit for arious need

User Flow Tools

• Draw.io - A cross-platform simple vector drawing tool. It’ll help you to create all these flowcharts, process diagrams, org charts, UML, ER, and network diagrams just in several minutes.
• Lucidchart - A web-based tool for creating diagrams, flow charts, sitemaps.
• Miro - Scalable, secure, cross-device and enterprise-ready team collaboration whiteboard for distributed teams.
• Overflow - A user flow diagramming tool tailored for designers.

Creative Tools

• Poolside FM - FM is an online radio station, playing an infinity pool of summer sounds.
• React-spring-visualizer - Visualize your spring config for react-spring.
• Spring Editor - Stiffness? Damping? Mass? Spring Editor.
• Tinkersynth - Tinkersynth is an experimental art project. Create unique designs by manipulating whimsical machines and making serendipitous discoveries.
• Waveforms By Josh Comeau - An interactive guide that introduces and explores waveforms.

AI Tools

• Compress.Studio - A serverless image compression tool with a decentralized private storage.
• Generated Photos - 100,000 Faces Generated by AI.
• Generative Photos - 25k diverse & customizable free stock photos generated by AI.
• Remove.bg - Remove image background 100% automatically and free.
• Trace by Sticker Mule - Remove the background from any image for free.
• VisualEyes - Your virtual AI design assistant.
• Upscale Pics - Enhance your images using AI.

---

License

MIT

 

_{^{Made with 🤘 by @d__raptis}}