Components

Command Menu For Rails, built with ViewComponent, Tailwind CSS and Hotwire

A Command Menu is a common UI component in modern SaaS web apps. Typically displayed with the CMD/Ctrl+K shortcut, it targets power users that want to navigate your app quickly. Built with ViewComponent, Tailwind CSS and Hotwire, this Command Menu Component from Rails Designer is easy to add and versatile enough for most moderns Rails app. It has also support for remote content, using Turbo Streams, making it perfect for search too.

  • Includes Keyboard Navigation
  • Support for Remote Content

  • Default # Get this component

    ⚠️ JavaScript is disabled for this preview.

  • Dark Theme # Get this component

    ⚠️ JavaScript is disabled for this preview.

  • Expanded Menu # Get this component

    ⚠️ JavaScript is disabled for this preview.

  • Expanded, with Footer # Get this component

    ⚠️ JavaScript is disabled for this preview.
    • Navigate
    • Esc Close

  • Collapsed, with Footer # Get this component

    ⚠️ JavaScript is disabled for this preview.
    • Navigate
    • Esc Close

  • Grouped Items # Get this component

    ⚠️ JavaScript is disabled for this preview.

    • Categories

    • Rails designer

    • Tools

  • Search # 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 for Ruby on Rails (inc. Rails 8)

  • Designed with Tailwind CSS and Enhanced with Hotwire

  • Updates for 12 months