Project

kozenet_ui

0.0
The project is in a healthy, maintained state
kozenet_uikozenetpro/kozenet_uiHomepageDocumentationSource CodeBug TrackerWiki
Kozenet UI is a modern, production-ready component library for Ruby on Rails. Built with ViewComponent and Tailwind CSS, it provides beautiful, accessible, and customizable UI components with dynamic theming support. Features CSP-compliant styling, dark mode, and smooth animations.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
 Popularity
Downloads
815
Stars
3
Forks
0
Watchers
0
 Releases
Current version
0.1.5
Total releases
6
First release
2025-10-31
Latest release
2025-11-01
 Development
Primary Language
Ruby
Licenses
MIT
Average date of last 50 commits
2025-10-31
Reverse Dependencies
0

 Dependencies

Development

bundler
>= 2.0
capybara
~> 3.0
lookbook
~> 2.0
rake
~> 13.0
rspec
~> 3.0
rspec-rails
~> 7.0
rubocop
~> 1.50
rubocop-rails
~> 2.20
rubocop-rspec
~> 3.0
selenium-webdriver
~> 4.0

Runtime

rails_heroicon
>= 2.3.0
color
~> 1.8
inline_svg
~> 1.9
railties
>= 7.0, < 9.0
view_component
>= 3.0, < 4.0
 Project Readme

Ruby CI Kozenet UI CI

Kozenet UI

Beautiful, minimal, Apple-inspired UI components for Rails.

Installation

Add to your Gemfile:

gem "kozenet_ui", github: "kozenetpro/kozenet_ui"

Then run:

bundle install

If you want to use a released version from RubyGems.org (after release):

bundle add kozenet_ui

Or:

gem install kozenet_ui

Usage in your Rails app

  1. Add the theme variables tag to your layout <head>:

    <%= kozenet_ui_theme_variables_tag %>

  2. Import Kozenet UI styles in your main application.css:

    @import "kozenet_ui/tokens.css";
@import "kozenet_ui/base.css";
@import "kozenet_ui/components.css";

  3. (Optional) Override icons: Place your own SVGs in app/assets/images/icons/ to override the gem's icons.

  4. Customize colors in config/initializers/kozenet_ui.rb.

  5. Use components in your views:

    <%= render KozenetUi::HeaderComponent.new do |header| %>
  ...
<% end %>

Development

After checking out the repo, run bin/setup to install dependencies. Then, run rake spec to run the tests. You can also run bin/console for an interactive prompt that will allow you to experiment.

To install this gem onto your local machine, run bundle exec rake install. To release a new version, update the version number in version.rb, and then run bundle exec rake release, which will create a git tag for the version, push git commits and the created tag, and push the .gem file to rubygems.org.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/kozenetpro/kozenet_ui. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the code of conduct.

License

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

Code of Conduct

Everyone interacting in the KozenetUi project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.