Resources
Below you can find links to free resources to help you build your website.
Design
Figma - A popular collaborative interface design tool. Great for mockups, wireframes, and website designs.
Figma Wireframe Kit - A free wireframe kit for Figma to help you create wireframes.
Pexels - Free stock photos and videos.
FontAwesome - An icon library and toolkit that makes it easy to add icons to your website.
Iconify Icon Sets - Thousands of searchable SVG icons.
Coolors - Super fast color palette generation.
AI Colors - AI-powered color palette generation.
Namecheap Logo Maker - Generate free logos for your website header.
Google Fonts - The standard library for adding custom fonts.
Picsum - The Lorem Ipsum of pictures. Random photos to use as placeholders for your design with optional filters and sizes.
Placekitten - Random cat pictures as placeholders 🐱
Placehold.co - A very basic, simple placeholders for wireframes. A blank square with text showing the size of the placeholder.
Development
JSON Placeholder - An API that returns fake JSON data. Includes endpoints for fake posts, comments, albums, photos, todos, and users.
Dead Link Checker - Checks for any non-functioning links on your website.
Accessibility
Ultimate Accessibility Guide - A massive reference of tips and tricks for good accessibility.
WAVE Web Accessibility Evaluation - A suite of tools that will test the accessibilty of your website.
Accessibility Validator - Another tool that will evaluate if your website is accessibile and will highlight any errors it finds.
CSS Frameworks
Material UI
TailwindCSS
Bootstrap
ChakraUI
DaisyUI