overview
Why ?
Bootstrap can be a bit of a heavyweight, packing around 15k lines, and its grid system alone throws in another 6k lines of code – that’s a lot of baggage! Plus, Bootstrap tends to go overboard with styles you might not even need, and it’s not the most customizable. Now, enter FruitUI – it’s modular, so you only grab what you actually want. Just need the grid system or the navbar? No problem, pick and choose with FruitUI!
usage
via cdn
<!-- js -->
<script src="https://cdn.jsdelivr.net/npm/spices-fruitui"></script>
<!-- css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/spices-fruitui/style">
via npm
npm i spices-fruitui
import sass from node_modules
@import "node_modules/fruitUI/src/scss/lib/import/basket";
a better way
@use "~/basket" as * with (
$a-var: true, // pass var for sass runtime err
);
import javascript
import { Navbar } form "spices-fruitui"