Components

Accordions with Tailwind CSS and ViewComponent

Accordions are versatile elements for many UI components. Using the HTML details/summary elements and smart use of Tailwind CSS classes, this component does not need any JavaScript.

  • Basic # Get this component

    • The Evolution of Painting Techniques

      Explore the journey from ancient cave paintings to modern digital artistry, highlighting key innovations like Renaissance oil painting and Impressionist light play.

    • Iconic Painters and Their Masterpieces

      Dive into the lives of Da Vinci's versatile genius, Van Gogh's emotional swirls of color, and Picasso's pioneering cubism, each transforming the art world.

    • The Role of Color Theory

      Uncover how artists like Monet and Kandinsky used color theory to evoke emotions and depth, revolutionizing the use of color in art.

    • The Impact of Art Movements

      From the structured beauty of Neoclassicism to the rebellious spirit of Dadaism, discover how art movements reflect and shape societal values.

    • Techniques of the Masters

      Peek into the studios of history's greats, exploring Michelangelo's sculptural painting and Rembrandt's mastery of light and shadow.

  • With border, hover and open state # Get this component

    • The Evolution of Painting Techniques

      Explore the journey from ancient cave paintings to modern digital artistry, highlighting key innovations like Renaissance oil painting and Impressionist light play.

    • Iconic Painters and Their Masterpieces

      Dive into the lives of Da Vinci's versatile genius, Van Gogh's emotional swirls of color, and Picasso's pioneering cubism, each transforming the art world.

    • The Role of Color Theory

      Uncover how artists like Monet and Kandinsky used color theory to evoke emotions and depth, revolutionizing the use of color in art.

    • The Impact of Art Movements

      From the structured beauty of Neoclassicism to the rebellious spirit of Dadaism, discover how art movements reflect and shape societal values.

    • Techniques of the Masters

      Peek into the studios of history's greats, exploring Michelangelo's sculptural painting and Rembrandt's mastery of light and shadow.

  • Leading icon # Get this component

    • The Evolution of Painting Techniques

      Explore the journey from ancient cave paintings to modern digital artistry, highlighting key innovations like Renaissance oil painting and Impressionist light play.

    • Iconic Painters and Their Masterpieces

      Dive into the lives of Da Vinci's versatile genius, Van Gogh's emotional swirls of color, and Picasso's pioneering cubism, each transforming the art world.

    • The Role of Color Theory

      Uncover how artists like Monet and Kandinsky used color theory to evoke emotions and depth, revolutionizing the use of color in art.

    • The Impact of Art Movements

      From the structured beauty of Neoclassicism to the rebellious spirit of Dadaism, discover how art movements reflect and shape societal values.

    • Techniques of the Masters

      Peek into the studios of history's greats, exploring Michelangelo's sculptural painting and Rembrandt's mastery of light and shadow.

  • Dashboard Overview with Badge # Get this component

    • Pending Approvals5

      You have pending approval requests that need your attention. Review and approve or decline requests to keep workflows moving smoothly. Review Approvals

    • Upcoming Deadlines3

      Stay on top of your upcoming deadlines to ensure timely delivery of your projects and tasks. View Deadlines

    • Recent Activity7

      Review your most recent activity and updates made by your team. Keep track of changes and updates in real-time. Check Activity

    • New Messages5

      You have new messages waiting for you. Stay connected with your team and clients by checking your messages regularly. Read Messages

    • Project Updates2

      Get the latest updates on your projects. See recent progress, updates from team members, and any changes to project timelines. Explore Updates

The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.

UI components for Ruby on Rails apps

$ 129 one-time
payment

Get Access

  • One-time Payment

  • Access to the Entire Library

  • Built for Ruby on Rails (inc. Rails 8)

  • Designed with Tailwind CSS and Enhanced with Hotwire

  • Updates for 12 months