🪄 OdumoduAccordion

A sleek, animated, and reusable Accordion component built with React, Tailwind CSS, and Framer Motion. Built with performance, aesthetics, and developer experience in mind.

⚡ Built by ODUMODUBLVKK — simple to use, beautiful to see, impossible to ignore.

✨ Features

• ✅ Smooth animations with Framer Motion
• 🎨 Customizable UI powered by Tailwind CSS
• 💡 Accessible by default
• 📱 Fully responsive
• 🔁 Supports single or multiple accordion open states
• 🧱 Easy to drop into any React project

📦 Installation

npm install odumodu-accordion

or

yarn add odumodu-accordion

🚀 Usage

import AccordionGroup from 'odumodu-accordion';

const items = [
  {
    title: "What is OdumoduAccordion?",
    content: "A React accordion component that is smooth, accessible, and easy to use.",
  },
  {
    title: "Can I use it with Tailwind projects?",
    content: "Absolutely! It’s built for Tailwind out of the box.",
  },
];

export default function App() {
  return (
    <div className="p-6">
      <AccordionGroup items={items} allowMultiple={false} />
    </div>
  );
}

🧪 Local Development

Clone the repo:

git clone https://github.com/saviourpromise/odumodu-accordion.git
cd odumodu-accordion
npm install
npm run start

📚 Roadmap

 Single and multiple mode support

 Framer motion animations

 Dark mode support


🧠 Inspiration
Inspired by the need for a beautiful, easy-to-implement, and developer-first accordion solution in React projects with Tailwind.


📄 License
MIT License © 2025 ODUMODUBLVKK


🌍 Let's Connect
GitHub: @saviourpromise

Twitter: @promiseNotNull