Components

Modal component for Rails

The modal component using turbo-frame, is a great way to display some data without loosing certain context in your Rails app. The modal is responsive-ready, and can be easily tweaked to match your app. Settings include tweaking the transitioning in and out and backdrop effects.

  • Works with Turbo Frames
  • Basic # Get this component

    ⚠️ JavaScript is disabled for this preview.

    The most basic modal. Try clicking outside this modal or hitting Escape.

  • With header and primary button # Get this component

    ⚠️ JavaScript is disabled for this preview.

    Are you sure you want to proceed?

    If you continue, your account and all data will be deleted, this cannot be undone!

  • Centered with single action # Get this component

    ⚠️ JavaScript is disabled for this preview.

    Your automation was created

    Your new automation was created and is now running in the background.

  • Manage workspaces # Get this component

    ⚠️ JavaScript is disabled for this preview.

    Manage workspaces

  • Task Form # Get this component

    ⚠️ JavaScript is disabled for this preview.

The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.

UI components for Ruby on Rails apps

$ 129 one-time
payment

Get Access
  • One-time Payment

  • Access to the Entire Library

  • Built using ViewComponent

  • Designed with Tailwind CSS

  • Enhanced with Hotwire