Project

pulse_view_components

0.0
There's a lot of open issues
pulse_view_components100yrs/pulse_view_componentsHomepageDocumentationSource CodeBug TrackerWiki
ViewComponents for the 100Years Pulse Design System
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
 Popularity
Downloads
4,592
Stars
0
Forks
0
Watchers
3
 Releases
Current version
0.4.3
Total releases
5
First release
2026-08-28
Latest release
2026-11-12
 Issues
Open Issues
3
Closed Issues
6
Total Issues
9
Issue Closure Rate
66%
 Pull Requests
Open Pull Requests
0
Closed Pull Requests
2
Merged Pull Requests
20
Pull Request Acceptance Rate
90%
 Development
Primary Language
JavaScript
Licenses
MIT
Average date of last 50 commits
2026-10-16
Reverse Dependencies
0

 Dependencies

Runtime

active_link_to
>= 1.0.0
inline_svg
>= 1.9.0
rails
>= 8.1.0, < 9
view_component
>= 4.0.0, < 5.0.0
tailwind_merge
~> 1.5
slim
>= 5.0, < 6
turbo-rails
>= 2.0
 Project Readme

Pulse ViewComponents

Pulse ViewComponents is an implementation of the future Pulse Design System using ViewComponent.

The implementation borrows heavily from Primer ViewComponents and Polaris ViewComponents.

This is still a work in progress and breaking changes may occur. Currently this requires Ruby 3.4 and Rails 8.1.

Usage

Render Pulse ViewComponents:

<%= render(Pulse::Badge.new(scheme: :primary)) { 'Primary' } %>

Component status

Each component declares how complete it is. Check it with Pulse::ActionList.status. Lookbook shows the status after the name of any component that is not stable.

Status Meaning
stable Complete and safe to use.
beta Core usage works. Some documented options are not implemented.
alpha Incomplete. Features may be broken, unstyled or missing, and the API may change without notice.
deprecated Scheduled for removal.

Components that are not stable:

Component Status Gaps
ActionList alpha Select variants, trailing actions, tooltips, avatar items and the :inset scheme do not work.
NavList alpha Avatar items raise. Sub-items cannot be collapsed. The show-more item has no JavaScript.
Counter alpha Renders unstyled.
BorderBox beta padding: and row scheme: have no effect.
Flash beta dismissible: true raises. full: true has no effect.
Layout beta Main width: options other than :full have no effect.

The comment above each status call in the source lists what is missing.

Dependencies

Installation

Add pulse_view_components to your Gemfile:

bundle add pulse_view_components

Add stylesheet and javascript links to your application layout:

<%= stylesheet_link_tag 'pulse_view_components' %>
<%= javascript_include_tag 'pulse_view_components' %>
<%= javascript_include_tag 'js/pulse_view_components', 'data-turbo-track': 'reload', defer: true %>

Development

To get started:

  1. Run: bundle install
  2. Run: yarn install
  3. Run: bin/dev

It will open demo app with component previews on localhost:4000. You can change components and they will be updated on page reload. Component previews are located at /previews.

To run tests:

rake

Releases

The library follows semantic versioning. To draft a new release you need to run script/release with a new version number:

bin/release VERSION

Where the VERSION is the version number you want to release. This script will update the version in the gem and push it to GitHub and Rubygems automatically.

License

The gem is available as open source under the terms of the MIT License.