# Using Vite.js ⚡️ to power assets in Hanami web apps

**URL:** <https://discourse.hanakai.org/t/using-vite-js-to-power-assets-in-hanami-web-apps/593>\
**Category:** general\
**Created:** [February 10, 2021, 3:28pm UTC](https://discourse.hanakai.org/t/using-vite-js-to-power-assets-in-hanami-web-apps/593 "2021-02-10T15:28:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ElMassimo](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.hanakai.org/elmassimo/32/451_2.png) [@ElMassimo](https://discourse.hanakai.org/u/ElMassimo)\
**Post date:** [February 10, 2021, 3:28pm UTC](https://discourse.hanakai.org/t/using-vite-js-to-power-assets-in-hanami-web-apps/593/1 "2021-02-10T15:28:21Z")

</div>

[Vite.js](https://vitejs.dev/) is a new frontend tool that provides an enjoyable development experience, using really fast HMR, and is powered by Rollup and esbuild.

[Vite Hanami](https://github.com/ElMassimo/vite_ruby/tree/main/vite_hanami)⚡🌸 extends [Vite Ruby](https://github.com/ElMassimo/vite_ruby) to provide idiomatic tag helpers for Hanami, such as:

```ruby
    <%= vite_client %>

    <%= vite_stylesheet 'styles' %>
    <%= vite_typescript 'application' %>

```

The [installation script](https://github.com/ElMassimo/vite_ruby/blob/main/vite_hanami/lib/vite_hanami/installation.rb) will automatically install the necessary dependencies, and configure a Hanami web app to get started with Vite ⚡🌸