Resources Sites

Development Tool

• compresspng
• onlinepngtools
• transform A polyglot web converter that’s going to save you a lot of time.
• images.weserv.nl an image cache & resize service. Manipulate images on-the-fly with a worldwide cache.

Design Tool

• Clippy CSS clip-path maker.
• Haikei generate unique SVG design assets.
• Radix Icons a crisp set of 15×15 icons designed by the WorkOS team.
• Heroicons beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
• Iconoir Iconoir is one of the biggest open source icons libraries. No premium icons, no email sign-up, no newsletters.
• UIDesignDaily Free, Open-source UI design resources updated daily.
• Tldraw A tiny little drawing app.
• Undraw The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.
• Fontme Easily self-host Google Fonts.
• Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.
• CSS Polygon Shape
• Radix Colors an open-source color system for designing beautiful, accessible websites and apps.
• HyperUI Free Open Source Application UI Tailwind CSS Components.

Code Snippet

• SVG in JSX svg + use html elements.
• Heroicons Symbols script to convert heroicons to symbols svg file.
• Remix Package Update Script