Pratham Profile picture
I talk about web and social β€’ DevRel @APILayer β€’ Building https://t.co/niju9j3UA2 & https://t.co/TxBXHrPKDu β€’ Prev @Rapid_API @HyperspaceAI

Jun 22, 2021, 21 tweets

Here are some great websites that can help you in your next web development project.

Including colors, accessibility, backgrounds, icons, testing, and much more πŸ§΅πŸ‘‡πŸ»

1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

πŸ”— colorhunt.co

2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in a variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

πŸ”— color.adobe.com/create/color-a…

3. Palette Ninja

Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds

πŸ”— palette.ninja

5. My color space

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients, and much more! Your space for everything that has to do with color

πŸ”— mycolor.space

5. Learn UI design

A tool for creating color variations on base color to meet WCAG AA or AAA color contrast ratio guidelines.

πŸ”— learnui.design/tools/accessib…

6. Magic pattern

Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.

πŸ”— magicpattern.design/tools/css-back…

7. Cool backgrounds

Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers

πŸ”— coolbackgrounds.io

8. Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required

πŸ”— gradienta.io

9. Mesh gradient

Creat aurora UI like gradients using few simple clicks

πŸ”— meshgradient.com

10. Stripes generator

Pure CSS Stripes Generator that you can use for backgrounds.

πŸ”— stripesgenerator.com

11. Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

πŸ”— icons8.com

12. Icon Monstr

- Black and white themed minimal icons which look super great. You can also customize the thickness

πŸ”— iconmonstr.com

13. Icon Icons

- Over one thousand free icons which you can download as icons or images

πŸ”— icon-icons.com

14. Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

πŸ”— iconfinder.com

15. The Noun Project

- Search a noun and find an icon as simple as that

πŸ”— thenounproject.com

16. SEO Site Checkup

- SEO Site Checkup runs through a fast audit of your site, checking for proper tags and surfacing any errors that might come up

πŸ”— seositecheckup.com

17. Web Page Test

- Run a free website speed test from around the globe using real browsers at consumer connection speeds with detailed optimization recommendations.

πŸ”— webpagetest.org

18. GT metrix

- Easily test your web page speed

πŸ”— gtmetrix.com

19. Dareboost

- Website Speed Test and Website AnalysisTest, analyze and optimize your website performance
Run a Website Speed Test and get your analysis report for free

πŸ”— dareboost.com/en

20. Pingdom

- Pingdom offers a cost and performance monitoring tool for your website

πŸ”— tools.pingdom.com

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling