Add 16 native features to your Hotwire Native app in 5 minutes

Introducing official package support for my Bridge Components library on web, iOS, and Android.

Hey all,

My Bridge Components library now has official package support for web, iOS, and Android - which means you can add 16 native features to your Hotwire Native app in just 5 minutes.

Unlock native features

My Bridge Components library is a collection of pre-built, drop-in features that make your Hotwire Native app feel truly native. Think native UI elements like buttons and dropdown menus. Or deeper integrations like document and barcode scanners powered by on-device machine learning.

Button, Document Scanner, and Form component examples

Normally, adding these features means writing a lot of custom iOS and Android code, wiring it through a JavaScript bridge, and keeping everything in sync across platforms.

With the Bridge Components library, you just install it, call the feature with some HTML markup, and ship your app.

Add HTML data attribute → get native components.

How to use them

1. Install the web, iOS, and/or Android packages following the README.

2. Add data-* attributes to your Rails views to trigger the native component.

For example, to add a native button:

<a href="#" data-controller="bridge--button">Button<a>

Or to get the user’s location:

<div data-controller="bridge--location">
  <button data-action="bridge--location#get">Get location</button>

  <p data-bridge--location-target="result"></p>
</div>

Here’s me adding the components to a Rails, iOS, and Android app in just 5 minutes.

Prefer text? Check out the full installation steps in the README.

25% off Bridge Components PRO

As a thank-you for supporting my work, here’s 25% off Bridge Components PRO - a $50 discount, which unlocks advanced components like access to push notification tokens, user location, and more.

That discount is more than the cost of a paid subscription, so your membership practically pays for itself.