Protos
A UI component library built with Phlex, Tailwindcss, and daisyUI
Overview:
The Protos UI component library for Phlex utilizes tailwindcss and daisyUI. It offers a full list of components and provides a customizable approach to styling and theme management. By avoiding Phlex::DeferredRender, Protos allows for easy reordering of components within applications.
Features:
- TailwindCSS and DaisyUI: Utilizes these technologies for styling and component design.
- Tippy.js Integration: Uses tippy.js for dropdowns, combobox, and popovers.
- Customizable Components: Allows for easy customization and styling of components.
- Ergonomic Conventions: Follows conventions such as Slots and themes, Attrs and default attrs, Params and options for component styling and theme management.
Summary:
The Protos UI component library offers a comprehensive solution for integrating UI components into Phlex applications. By leveraging tailwindcss, daisyUI, and tippy.js, Protos provides a modern and customizable approach to building UI elements. With ergonomic conventions like Slots and themes, Attrs and default attrs, and Params and options, developers can easily style and manage components to fit their application needs. Overall, Protos aims to strike a balance between pre-defined styles and customization options for a seamless UI development experience.
- Ruby on Rails
Ruby on Rails, often referred to as Rails, is an open-source web application framework written in Ruby. Known for its convention over configuration and don't repeat yourself (DRY) principles, Rails simplifies and accelerates the development of database-backed web applications.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- 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.