Svelte and Tailwind for building Chrome Extension

• vite

  794 64,913 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.

• Tailwind CSS

  1,285 78,568 9.4 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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Svelte

  635 76,639 9.9 JavaScript

  Cybernetically enhanced web apps

  

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,391 6.6 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