Discover a selection of tools for improve your productivity on a daily basis
A directory of the best web design resources and tools that you can use to work better.
![Decorative 3D Glass effect Background](https://cdn.prod.website-files.com/5ff595f68bd5be23daf52133/6676796f29de5e0a4729e5c9_green-glass-_1_%20(1).webp)
Colors
Adobe Color
Experiment with colors and create harmonious palettes.
![CSS Gradient CSS Gradient](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4443fc1c7ee7986023553_391cd425-45e0-4358-ad08-74522a88e446-icon.webp)
CSS Gradient
Create custom CSS gradients with an intuitive visual builder.
![Coolors Coolors](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44515d7c64851ecb821e2_te%CC%81le%CC%81chargement%20(1).webp)
Coolors
Discover the trendy color palettes and get inspired for your creations.
![Gradient Hunt Gradient Hunt](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e444e10098ffdf27ac2d4d_5b5cb77d3db73gradienthunt.webp)
Gradient Hunt
A collection of beautiful gradients ready to be used.
![Happy Hues Happy Hues](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e445ad08775fe4facb91b9_0_ieAzC11mUepB0Fzv.webp)
Happy Hues
See how colors are applied in real time in design examples.
![Palitra Palitra](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e444bc833fc8d3e0ea67c9_android-chrome-192x192.webp)
Palitra
Create consistent color palettes for your design projects.
![ShaderGradient ShaderGradient](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e445dc72b09b58172e0036_c-rmNc_O_200x200.webp)
ShaderGradient
Generate complex and engaging gradients for modern designs.
Tone
A simple tool for finding and testing color combinations.
![WebGradients WebGradients](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4448bb4468c7eb19f0b90_logo-webgradients.webp)
WebGradients
Over 180 examples of subtle gradients to brighten up your designs.
Design
![Balsamiq Balsamiq](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e446c540f3a80050e383bd_6240d37e4a6353ffabef6647_61df1988f95f93af9c44bd13_61c9edb1d34d667b08817fff_balsamiq.webp)
Balsamiq
Sketch and share wireframes to quickly clarify ideas.
![Canva Canva](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4476640f3a80050e3d5bd_canva-icon-filled-256%20(1).webp)
Canva
Create stunning designs with ease, even without graphic skills.
Figma
The design tool with a collaborative interface
![Humaaans Humaaans](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e440cbf999f357f0b52157_logo-humaaans.webp)
Humaaans
Customize character illustrations to animate your projects.
![Rive Rive](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4472440f3a80050e3aa5f_58453772.webp)
Rive
Create and animate interactive designs that adapt to any platform.
![UI Faces UI Faces](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4462a34ad163aa535b87c_708b851b-90c9-4d27-842c-ffde15daed50-icon.webp)
UI Faces
Find real avatars for your mockups and interface designs.
![Whimsical Whimsical](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e446929dfb1e57e7137502_65574e9541fb05dc1d587333_whimsical.webp)
Whimsical
An all-in-one tool for creating wireframes, diagrams, and mind maps.
Icons
![Favicon Generator Favicon Generator](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4405ca9143194aeb6c8ca_logo.png)
Favicon Generator
Easily create favicons for your site with this intuitive tool.
![Font Awesome Font Awesome](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4485d683fe194305f8371_icon-256x256%20(1).webp)
Font Awesome
The most popular library of icons and web design tools.
Inspiration
![Awwwards Awwwards](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e448c040f3a80050e47bb3_awwwards-icon-filled-256.webp)
Awwwards
Where the most innovative web is noticed and rewarded.
![Behance Behance](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4487b2742f182a7d391ba_3938088.webp)
Behance
Discover artistic projects from all walks of life and get inspired.
![Bestfolios Bestfolios](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e448a174718c554c413892_bestfolios-icon-filled-256.webp)
Bestfolios
Browse creative portfolios for inspiration or ideas.
![Dribble Dribble](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e448dd08775fe4facd1e1b_dribble-icon-256x256-d5zr2isp.webp)
Dribble
A space where designers share their best creations and ideas.
Navbar Gallery
Find the best navigation inspirations for your design.
Artificial intelligence
![Adobe Firefly Adobe Firefly](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44296683fe194305c9b1c_Adobe-Firefly.webp)
Adobe Firefly
Create with Adobe AI for unique, personalized designs.
ChatGPT
The all-purpose tool that no longer needs to be presented...
![Drawww Drawww](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4421acd2f1bebcd67c2d0_256x256bb.webp)
Drawww
Sketch design ideas quickly with AI support.
![GitHub Copilot GitHub Copilot](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e441c0461fac0e1a0fd947_github-icon-256x256-pwvgz4sy.webp)
GitHub Copilot
Code more effectively with GitHub Copilot AI support.
![Jasper Jasper](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44165d8cb815e069af467_63ff878935cfe07d1813afa4_jasper-fav.webp)
Jasper
Générez du contenu créatif et engageant avec cette plateforme d'écriture IA.
![Leonardo Ai Leonardo Ai](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4430696ea6659d3d30fd0_leonardo-ai-icon-filled-256.webp)
Leonardo Ai
Use AI to generate color palettes that are accessible and harmonious.
![Midjourney Midjourney](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e447846be84443ab22c695_midjourney-icon-filled-256.webp)
Midjourney
Embark on a creative journey with innovative tools for designers.
![Miro Ai Miro Ai](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44275b4468c7eb19e16ee_ok76ypbqxi4vq16iks64%20(1).webp)
Miro Ai
Amplify your brainstorming and collaboration with built-in AI tools.
![Recraft Recraft](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4437d683fe194305d0409_recraft-icon-filled-256.webp)
Recraft
Explore the potential of AI to recreate and improve your designs.
![Relume Ipsum Relume Ipsum](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e441e0d486d28f68599388_64e3fbe6469d6db5906aec4f_7MvKFz65xd7tWtkG2AV5fA4uq8zIdSU5uinha5sqRGQ.webp)
Relume Ipsum
Illuminate your projects with AI-generated content tailored to your needs.
![Spline Ai Spline Ai](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44325f999f357f0b65072_spline-icon-filled-256.webp)
Spline Ai
Learn how AI can turn your 3D designs into interactive experiences.
Stelvio.app
Optimize your images and designs with the help of AI for a faster web.
![Whimsical Ai Whimsical Ai](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e442386be84443ab20560f_jw0n7kivsqjyjnvvssuq.webp)
Whimsical Ai
Transform text into complex diagrams with AI to visualize your ideas.
No-code
![Airtable Airtable](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e440a1140209a7c23ac36d_unnamed.webp)
Airtable
Organize everything from creative projects to complex workflows with ease.
![Finsweet Finsweet](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43d6580b845eaa7ff653f_61465cd503b6b84f8a9c6d24_attributes-webclip.webp)
Finsweet
Boost the functionalities of your Webflow site with this attribute library.
![Framer Framer](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e440f540f3a80050e0ee8d_communityIcon_95xnioixn0da1.webp)
Framer
Prototype and collaborate on interactive designs with ease.
![Hotjar Hotjar](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43fa496ea6659d3d1750a_hotjar.8374511a47b99d0f968bbf0d7d4c463aa9eb45d4daec112f09c98d02e78b4ab5.png)
Hotjar
Understand your users better with heatmaps and session recordings.
![Jetboost Jetboost](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43eb00caabe7e9826f726_641346f3f5233cac33398617_Jetboost%2BIcon%20(1).webp)
Jetboost
Boost your Webflow site with dynamic search and filtering features.
Make
The best tool to automate your workflows
Tidio
Chat with your prospects from your website
![Typeform Typeform](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43f66d7c64851ecb5819f_282710.webp)
Typeform
Create interactive forms and surveys to engage your audience.
Webflow
The most advanced no-code CMS on the market
Weglot
The essential Webflow plugin to translate your website.
Zapier
Connect and automate all your workflows in order to save time
Photos/Videos
![Pexels Pexels](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e447a080b845eaa7041f55_pexels-icon-filled-256.webp)
Pexels
Free photos and videos to boost your creativity.
![Unsplash Unsplash](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e447bf9c78c7ed6f0e5d90_5968763.webp)
Unsplash
Beautiful and free photos for your projects, by talented photographers.
Productivity
Arc
The browser that is revolutionizing the way you navigate
![Calendly Calendly](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43f1d39725fa7fe01d519_calendly-icon-filled-256.webp)
Calendly
Simplify appointment scheduling without constant return emails.
![Chroma Chroma](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e443dc6d46ece1cd8f4af7_gpbLJCGr_400x400.webp)
Chroma
An API to manipulate and convert colors in your development projects.
![ColorZilla ColorZilla](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4441ecd2f1bebcd68c674_colorzilla-for-chrome%20(1).webp)
ColorZilla
A handy tool for capturing and analyzing colors directly in Chrome.
![Dashlane Dashlane](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43e47426e15122caa597b_icon_og_400x400.webp)
Dashlane
Save time and secure all your passwords
Google Analytics
Analyze and improve the traffic of all your projects
Google Page Speed
Detect and correct errors in your site to optimize it
![Lorem Ipzum Lorem Ipzum](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44646c1c7ee7986031535_unnamed.webp)
Lorem Ipzum
Again, but with a French touch to vary the pleasures.
![Mailchimp Mailchimp](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43f8811db9df4adb72159_mailchimp-icon-256x256-b4n3rjro.webp)
Mailchimp
Manage your email campaigns and automate your marketing to better connect.
Malt
The number 1 freelancer platform in Europe
![Memberstack Memberstack](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43f3fcd127654adf5419f_idfjVVUVes.webp)
Memberstack
Add memberships and member management to your site with no hassle.
![Miro Miro](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4407d268802985733b165_miro-icon-filled-256.webp)
Miro
Collaborate visually on any project with this online workspace.
![Notion Notion](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e43fc4a9a86b2ba4fe04bd_1911999.webp)
Notion
An all-in-one workspace to jot down, plan, and organize your projects.
Slack
The essential instant messaging
![Tiny JPG Tiny JPG](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44700c048a87dd251258e_tinypng-icon-uualqbzdlql5n4pr-c.webp)
Tiny JPG
Compressez vos images JPEG efficacement pour accélérer votre site web.
![Tiny PNG Tiny PNG](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44700c048a87dd251258e_tinypng-icon-uualqbzdlql5n4pr-c.webp)
Tiny PNG
Reduce the size of your PNG images without losing quality.
Typography
![Fontshare Fontshare](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e4483db4468c7eb1a0cb97_fontshare-icon-filled-256.webp)
Fontshare
Professional quality fonts available for free.
![Google Fonts Google Fonts](https://cdn.prod.website-files.com/62888f6bc258bf14112d62e4/65e44820a113437e30ca70b2_free-google-fonts-3501838-2931439.webp)
Google Fonts
Explore a vast collection of free fonts for the web.
Type Scale
A visual tool for creating a harmonious typographic scale.