Tools

• Astro →

  Free • Open Source

  The web framework for content-driven websites

  development framework
  Go to the Astro website.

• Cloudflare Pages →

  Freemium • Proprietary

  A JAMstack platform for frontend developers to collaborate and deploy websites.

  development frontend hosting web
  Go to the Cloudflare Pages website.

• Colors.lol →

  Free • Open Source

  Overly descriptive color palettes

  color css design palettes ui
  Go to the Colors.lol website.

• Coolshapes →

  Free • Open Source

  100+ Abstract shapes with cool grainy gradient. Ready to use with any design dev project.

  design shapes svg ui
  Go to the Coolshapes website.

• Creatica →

  Freemium • Proprietary

  Generate beautiful svg backgrounds

  backgrounds css design svg ui
  Go to the Creatica website.

• Davinci Resolve →

  Free • Proprietary

  Video editing software

  editing filmmaking software video
  Go to the Davinci Resolve website.

• fffuel →

  Free • Open Source

  A collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds.

  backgrounds design gradients patterns shapes svg textures ui
  Go to the fffuel website.

• Figma →

  Freemium • Proprietary

  The collaborative interface design tool

  design tool ui
  Go to the Figma website.

• Fontshare →

  Free • Proprietary

  A free library of fonts mostly designed by the Indian Type Foundry.

  design fonts ui
  Go to the Fontshare website.

• Fontsource →

  Free • Open Source

  Open-source font library for web developers

  design fonts google fonts npm typography ui
  Go to the Fontsource website.

• FreePD →

  Free • Proprietary

  CC0 No Attribution music

  CC0 filmmaking music
  Go to the FreePD website.

• Freesound →

  Free • Open Source

  Find any sound you like

  filmmaking music sound effects
  Go to the Freesound website.

• Iconify →

  Free • Open Source

  Free and open-source icon library

  css design icons ui
  Go to the Iconify website.

• NotebookLM →

  Free • Proprietary

  Your Personalized AI Research Assistant

  ai research
  Go to the NotebookLM website.

• Notion →

  Freemium • Proprietary

  Write. Plan. Collaborate. With a little help from AI.

  ai education notes research writing
  Go to the Notion website.

• Obsidian →

  Free Personal • Proprietary

  The private and flexible writing app that adapts to the way you think.

  education featured markdown notes research writing
  Go to the Obsidian website.

• shadcn/ui →

  Free • Open Source

  Beautifully designed components that you can copy and paste into your apps.

  components css featured tailwindcss ui web development
  Go to the shadcn/ui website.

• StockSnap.io →

  Free • Proprietary

  Beautiful free stock photos

  CC0 photography stock photos
  Go to the StockSnap.io website.

• SVG Shapes →

  Free • Open Source

  A free, customizable & extensive collection of 100+ SVG shapes. Bring gradient magic into SVGs

  design shapes svg ui
  Go to the SVG Shapes website.

• Tailwind CSS →

  Free • Open Source

  Utility-first CSS framework

  css design framework tailwindcss ui web development
  Go to the Tailwind CSS website.

• Tailwind UI →

  Free • Open Source

  Beautiful, accessible, and customizable UI components

  components css design featured tailwindcss ui web development
  Go to the Tailwind UI website.

• Type the Word →

  Free • Open Source

  Study the Bible by typing it out verse by verse. Track your progress and challenge yourself.

  bible study nextjs react t3 stack tailwindcss typing
  Go to the Type the Word website.