DumplingNextHome
HomeInstallationComponentsAccordionAnimated ImageAnimationAvatarBadgeBreadcrumbButtonButton GroupCalloutCardCarouselCheckboxCheckbox GroupColor PickerComparisonCopy ButtonDetailsDialogDividerDrawerDropdownFormFormat BytesFormat DateFormat NumberIconIncludeInputIntersection ObserverKnown DateMarkdownMutation ObserverNumber InputPagePopoverPopupProgress BarProgress RingQR CodeRadio GroupRandom ContentRatingRelative TimeResize ObserverScrollerSelectSkeletonSliderSpinnerSplit PanelSwitchTab GroupTagTextareaTime InputTooltipTreeZoomable FrameUtilitiesClusterFlankFrameGridSplitStack
🥟

DumplingNext

A modern, themeable component library for Rails — built on Web Awesome and Phlex.

Get StartedExplore Components

Why DumplingNext?

Pure Ruby Views

Views are Ruby classes with an HTML DSL — no ERB or template files to manage.

Themeable

Ship with multiple palettes and themes, or set your own brand color. Dark mode is handled automatically.

40+ Components

Buttons, cards, dialogs, forms, data tables, and layout utilities — a complete toolkit for building production interfaces.

Hotwire Native

Built for Turbo and Stimulus. Fast page transitions, live updates, and interactive controls without writing JavaScript.

Quick Example

Components are called as PascalCase methods inside your view templates:

class Articles::Index < DumplingNext::View
  def view_template
    Stack {
      h1 { 'Articles' }

      Grid(min_item_width: '300px') {
        articles.each do |article|
          Card { |card|
            card.header { article.title }
            p { article.summary }
            card.footer(tag: :Button, variant: :brand) { 'Read More' }
          }
        end
      }
    }
  end
end

Component Sampler

BrandSuccessWarningDangerNeutral
NewActivePendingUrgent
Use the sidebar to browse all available components and utilities with live, interactive previews.