Daisy On Rails

screenshot of Daisy On Rails
tailwind
daisyui

Modern Ruby on Rails template with DaisyUI

Overview

Daisy-on-Rails is a Ruby on Rails starter kit designed to quickly bootstrap new applications with a modern and efficient stack. It integrates key technologies and tools such as Rails 7.1, Hotwire, Tailwind CSS, and DaisyUI to provide a comprehensive starting point for Rails developers. The primary goal of Daisy-on-Rails is to offer a template that accelerates the process of setting up a new Rails application with a modern tech stack.

Features

  • Rails 7.1: The latest version of the Ruby on Rails framework.
  • Hotwire: Turbo 8 with morphing capabilities.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • DaisyUI: A Tailwind CSS component library for styling and theming.
  • ViewComponent: Encapsulates the rendering logic of Rails views into reusable objects.
  • Authentication: Implemented with Authentication-zero.
  • Admin Interface: Utilizing AVO for easy admin panel creation (Work in progress).
  • Propshaft: A modern replacement for Sprockets to handle assets.
  • Sitepress: Static pages and blog (Work in progress).
  • Development Tools (Standard, ERB Lint, Livereload, Github Actions, Kamal).

Summary

Daisy-on-Rails is a Ruby on Rails starter kit that provides a comprehensive starting point for Rails developers. It integrates technologies like Rails 7.1, Hotwire, Tailwind CSS, and DaisyUI to offer a modern and efficient stack. The template includes various features and development tools to streamline the development process. By following the installation guide, users can quickly set up a new Rails application with this template. Overall, Daisy-on-Rails aims to accelerate the process of starting a new Rails application with a modern tech stack.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.