Svelte and Tailwind for building Chrome Extension

• vite

  861 69,158 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

  This article will show you how to create a Chrome Extension using hot frameworks such as Svelte and Tailwind CSS. This will also use the very popular Vite as the build tool.

• CodeRabbit

  coderabbit.ai featured

  CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

  

• Tailwind CSS

  1,425 83,714 9.8 TypeScript

  A utility-first CSS framework for rapid UI development.

  

  TailwindCSS is a utility-first CSS framework for rapidly building custom user interfaces. It is a CSS framework that provides a set of pre-built classes that can be used to style your HTML elements.

• Svelte

  681 80,398 9.9 JavaScript

  web development for the rest of us

  

  Svelte is a JavaScript framework that compiles your code into efficient JavaScript that surgically updates the DOM. It is a compiler that converts your code into a more efficient version of itself.

• chrome-extension-tools

  14 2,995 7.0 TypeScript

  Bundling Chrome Extensions can be pretty complex. It doesn't have to be.

  

  There should be no need to rebuild the app because crxjs has HMR enabled by default. If not, just reload the extension.

Suggest a related project