BASuite – React & Next.js Component Library

BASuite is a developer-first React and Next.js component suite, blending the power of Tailwind CSS with the elegance of Ant Design. Build modern, scalable, and beautiful UIs with reusable components, API utilities, and advanced formatting tools.

🚀 Features

• Prebuilt reusable components for React and Next.js
• Styled with TailwindCSS + Ant Design
• API utilities powered by Axios
• Date/time handling via Day.js
• Input formatting with React Number Format
• Excel export with xlsx
• Lightweight, tree-shakable, and TypeScript-ready
• Easy integration with modern frontend frameworks

📦 Installation

npm install basuite

Peer dependencies required:

• react (>=18.2.0 or >=19.0.0)
• react-dom (>=18.2.0 or >=19.0.0)
• antd (^5.27.1)
• @ant-design/icons (>=5)
• tailwindcss (>=2.0.0)
• axios (^1.7.7)
• dayjs (^1.11.13)
• react-number-format (^5.4.0)
• xlsx (^0.18.5)

⚙️ PostCSS Configuration

To ensure BASuite components are styled correctly, add the following to your postcss.config.mjs:

// postcss.config.mjs
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/basuite/**/*.{js,ts,jsx,tsx}", // 👈 add this line
  ],
};

This configuration enables Tailwind CSS to scan BASuite components for class names and generate the necessary styles.

💡 Why BASuite?

• Modern UI Kit: Built for React and Next.js projects.
• Design System: Combines Ant Design’s elegance with Tailwind’s flexibility.
• Reusable Components: Accelerate development with ready-to-use UI elements.
• SEO Optimized: Designed for high performance and discoverability.
• TypeScript Support: Full typings for safer, scalable codebases.
• Active Development: Maintained by Basit Ahmed.

🤝 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

📄 License

MIT © Basit Ahmed

🔗 Links

• NPM Package
• GitHub Repository
• Documentation

🏷️ Keywords

React, Next.js, component library, UI library, reusable components, Ant Design, TailwindCSS, Axios, Day.js, React Number Format, TypeScript, Rollup, design system, UI kit, frontend, scalable, modern, developer-first