Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mrhidalgo/vanillajavascript

Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.
https://github.com/mrhidalgo/vanillajavascript

bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs

Last synced: 27 days ago
JSON representation

Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.

Awesome Lists containing this project

README

        

[chrome-icon]: https://github.com/alrra/browser-logos/blob/main/src/chrome/chrome_64x64.png
[firefox-icon]: https://github.com/alrra/browser-logos/blob/main/src/firefox/firefox_64x64.png
[edge-icon]: https://github.com/alrra/browser-logos/blob/main/src/edge/edge_64x64.png
[opera-icon]: https://github.com/alrra/browser-logos/blob/main/src/opera/opera_64x64.png
[safari-icon]: https://github.com/alrra/browser-logos/blob/main/src/safari/safari_64x64.png

# Vite Vanilla JavaScript — Template

## Features

This repository comes 🔋 packed with:

- **JavaScript**;
- **TailwindCSS**;
- **SASS** & **SCSS**;
- **PostCSS**;
- **Vite**;

And with tools that enhance the development experience:

- **ESLint**;
- **Prettier**;

## Browsers support

The provided configuration ensures **92.3%** coverage for all browsers, in particular of the following:

| Chrome | Firefox | Edge | Opera | Safari |
| :---------------------------: | :------------------------------: | :--------------------------: | :------------------: | ---------------------------- |
| ![Google Chrome][chrome-icon] | ![Mozilla Firefox][firefox-icon] | ![Microsoft Edge][edge-icon] | ![Opera][opera-icon] | ![Apple Safari][safari-icon] |

**\*** In order to support a wider percentage of browsers, update the `./.browserslistrc` configuration file:

1. `last 3 versions`: browser version;
2. `> 0.2%`: browser usage statistics;
3. `not dead`: whether the browser is officially supported;

Update the configuration [here][browserslist] and check in real-time the **global browsers support**.

**\* The more versions to support, larger JS and CSS bundles size will be.**