# Rails Blocks
> Rails Blocks is a library of copy-and-paste Ruby on Rails UI components built with ERB, Tailwind CSS, and Stimulus. Components are available as examples, shared partials, ViewComponent templates, CLI packages, and Markdown documentation for LLMs.

## Overview
- [Installation](https://railsblocks.com/docs/installation): Set up dependencies, Stimulus controllers, and Rails Blocks custom CSS.
- [Installation Markdown](https://railsblocks.com/docs/installation.md): LLM-friendly installation guide with links to full CSS pages.
- [Custom CSS](https://railsblocks.com/docs/installation/custom-css.md): Full copy-paste CSS for the current access level.
- [CLI](https://railsblocks.com/docs/cli): Install Rails Blocks components from the command line.
- [CLI Markdown](https://railsblocks.com/docs/cli.md): LLM-friendly Rails Blocks CLI documentation.
- [MCP](https://railsblocks.com/docs/mcp): Use Rails Blocks from AI coding tools through the MCP server.
- [MCP Markdown](https://railsblocks.com/docs/mcp.md): LLM-friendly Rails Blocks MCP documentation.
- [Shared Partials](https://railsblocks.com/docs/shared-partials): Reusable ERB partial templates for Rails views.
- [View Components](https://railsblocks.com/docs/view-components): ViewComponent templates for Rails Blocks components.

## Components
- [Accordion](https://railsblocks.com/docs/accordion): Free Rails UI component. Markdown: https://railsblocks.com/docs/accordion.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Alert](https://railsblocks.com/docs/alert): Free Rails UI component. Markdown: https://railsblocks.com/docs/alert.md. Dependencies: tailwindcss.
- [Animated Number](https://railsblocks.com/docs/animated-number): Free Rails UI component. Markdown: https://railsblocks.com/docs/animated-number.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, number_flow.
- [Autocomplete](https://railsblocks.com/docs/autocomplete): Pro Rails UI component. Markdown: https://railsblocks.com/docs/autocomplete.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Autogrow](https://railsblocks.com/docs/autogrow): Free Rails UI component. Markdown: https://railsblocks.com/docs/autogrow.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Badge](https://railsblocks.com/docs/badge): Free Rails UI component. Markdown: https://railsblocks.com/docs/badge.md. Dependencies: tailwindcss.
- [Banner](https://railsblocks.com/docs/banner): Free Rails UI component. Markdown: https://railsblocks.com/docs/banner.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Breadcrumb](https://railsblocks.com/docs/breadcrumb): Free Rails UI component. Markdown: https://railsblocks.com/docs/breadcrumb.md. Dependencies: tailwindcss, stimulus.
- [Buttons](https://railsblocks.com/docs/buttons): Free Rails UI component. Markdown: https://railsblocks.com/docs/buttons.md. Dependencies: tailwindcss.
- [Card](https://railsblocks.com/docs/card): Free Rails UI component. Markdown: https://railsblocks.com/docs/card.md. Dependencies: tailwindcss.
- [Carousel](https://railsblocks.com/docs/carousel): Free Rails UI component. Markdown: https://railsblocks.com/docs/carousel.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, embla_carousel.
- [Checkbox](https://railsblocks.com/docs/checkbox): Free Rails UI component. Markdown: https://railsblocks.com/docs/checkbox.md. Dependencies: tailwindcss.
- [Checkbox Select All](https://railsblocks.com/docs/checkbox-select-all): Free Rails UI component. Markdown: https://railsblocks.com/docs/checkbox-select-all.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Clipboard](https://railsblocks.com/docs/clipboard): Free Rails UI component. Markdown: https://railsblocks.com/docs/clipboard.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Collapsible](https://railsblocks.com/docs/collapsible): Free Rails UI component. Markdown: https://railsblocks.com/docs/collapsible.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Color Picker](https://railsblocks.com/docs/color-picker): Free Rails UI component. Markdown: https://railsblocks.com/docs/color-picker.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, shoelace.
- [Combobox](https://railsblocks.com/docs/combobox): Free Rails UI component. Markdown: https://railsblocks.com/docs/combobox.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, tom_select, floating_ui.
- [Command Palette](https://railsblocks.com/docs/command-palette): Pro Rails UI component. Markdown: https://railsblocks.com/docs/command-palette.md. Dependencies: tailwindcss, stimulus, floating_ui.
- [Confirmation](https://railsblocks.com/docs/confirmation): Free Rails UI component. Markdown: https://railsblocks.com/docs/confirmation.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Context Menu](https://railsblocks.com/docs/context-menu): Pro Rails UI component. Markdown: https://railsblocks.com/docs/context-menu.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Datatable](https://railsblocks.com/docs/datatable): Pro Rails UI component. Markdown: https://railsblocks.com/docs/datatable.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, pagy.
- [Date Picker](https://railsblocks.com/docs/date-picker): Free Rails UI component. Markdown: https://railsblocks.com/docs/date-picker.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, air_datepicker, floating_ui.
- [Dock](https://railsblocks.com/docs/dock): Free Rails UI component. Markdown: https://railsblocks.com/docs/dock.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui, motion.
- [Drawer](https://railsblocks.com/docs/drawer): Pro Rails UI component. Markdown: https://railsblocks.com/docs/drawer.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Dropdown](https://railsblocks.com/docs/dropdown): Pro Rails UI component. Markdown: https://railsblocks.com/docs/dropdown.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Emoji Picker](https://railsblocks.com/docs/emoji-picker): Free Rails UI component. Markdown: https://railsblocks.com/docs/emoji-picker.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, emoji_mart.
- [Feedback](https://railsblocks.com/docs/feedback): Free Rails UI component. Markdown: https://railsblocks.com/docs/feedback.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, motion.
- [Forms](https://railsblocks.com/docs/forms): Free Rails UI component. Markdown: https://railsblocks.com/docs/forms.md. Requires Stimulus. Dependencies: tailwindcss.
- [Kbd](https://railsblocks.com/docs/kbd): Free Rails UI component. Markdown: https://railsblocks.com/docs/kbd.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Lightbox](https://railsblocks.com/docs/lightbox): Free Rails UI component. Markdown: https://railsblocks.com/docs/lightbox.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, photoswipe.
- [Loading Indicator](https://railsblocks.com/docs/loading-indicator): Free Rails UI component. Markdown: https://railsblocks.com/docs/loading-indicator.md. Dependencies: tailwindcss.
- [Marquee](https://railsblocks.com/docs/marquee): Free Rails UI component. Markdown: https://railsblocks.com/docs/marquee.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Modal](https://railsblocks.com/docs/modal): Pro Rails UI component. Markdown: https://railsblocks.com/docs/modal.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Navbar](https://railsblocks.com/docs/navbar): Free Rails UI component. Markdown: https://railsblocks.com/docs/navbar.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Password](https://railsblocks.com/docs/password): Free Rails UI component. Markdown: https://railsblocks.com/docs/password.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Pagination](https://railsblocks.com/docs/pagination): Free Rails UI component. Markdown: https://railsblocks.com/docs/pagination.md. Dependencies: tailwindcss, stimulus, pagy.
- [Popover](https://railsblocks.com/docs/popover): Free Rails UI component. Markdown: https://railsblocks.com/docs/popover.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Radio](https://railsblocks.com/docs/radio): Free Rails UI component. Markdown: https://railsblocks.com/docs/radio.md. Requires Stimulus. Dependencies: tailwindcss.
- [Scroll Area](https://railsblocks.com/docs/scroll-area): Free Rails UI component. Markdown: https://railsblocks.com/docs/scroll-area.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Select](https://railsblocks.com/docs/select): Free Rails UI component. Markdown: https://railsblocks.com/docs/select.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, tom_select, floating_ui.
- [Sidebar](https://railsblocks.com/docs/sidebar): Free Rails UI component. Markdown: https://railsblocks.com/docs/sidebar.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Skeleton](https://railsblocks.com/docs/skeleton): Free Rails UI component. Markdown: https://railsblocks.com/docs/skeleton.md. Dependencies: tailwindcss.
- [Slideover](https://railsblocks.com/docs/slideover): Pro Rails UI component. Markdown: https://railsblocks.com/docs/slideover.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Stepper](https://railsblocks.com/docs/stepper): Pro Rails UI component. Markdown: https://railsblocks.com/docs/stepper.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Switch](https://railsblocks.com/docs/switch): Free Rails UI component. Markdown: https://railsblocks.com/docs/switch.md. Dependencies: tailwindcss.
- [Tabs](https://railsblocks.com/docs/tabs): Pro Rails UI component. Markdown: https://railsblocks.com/docs/tabs.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Table](https://railsblocks.com/docs/table): Free Rails UI component. Markdown: https://railsblocks.com/docs/table.md. Dependencies: tailwindcss.
- [Testimonial](https://railsblocks.com/docs/testimonial): Free Rails UI component. Markdown: https://railsblocks.com/docs/testimonial.md. Dependencies: tailwindcss.
- [Toast](https://railsblocks.com/docs/toast): Free Rails UI component. Markdown: https://railsblocks.com/docs/toast.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.
- [Tooltip](https://railsblocks.com/docs/tooltip): Free Rails UI component. Markdown: https://railsblocks.com/docs/tooltip.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Tree View](https://railsblocks.com/docs/tree-view): Free Rails UI component. Markdown: https://railsblocks.com/docs/tree-view.md. Requires Stimulus. Dependencies: tailwindcss, stimulus, floating_ui.
- [Two Factor](https://railsblocks.com/docs/two-factor): Free Rails UI component. Markdown: https://railsblocks.com/docs/two-factor.md. Requires Stimulus. Dependencies: tailwindcss, stimulus.

## Docs Index
- [Public Docs Index](https://railsblocks.com/docs/index.md): Markdown index of available component docs and section routes.
- [Sitemap](https://railsblocks.com/sitemap.xml): Search-engine sitemap for public pages.