React 3D Button v1.0.3

🎉 React 3D Button v1.0.3

A beautiful, customizable 3D button component for React with Next.js support, multiple themes, and easy CSS variable customization.

�� Live Demo & Documentation →

✨ What's New in v1.0.3

🎨 Enhanced Theme System

• Scoped theme support - Apply different themes to different sections of your app
• All 5 pre-built themes now properly scoped with class names (.theme-ocean, .theme-sunset, etc.)
• Fixed theme CSS specificity issues for better customization

📚 Documentation Improvements

• Comprehensive theme usage guide with scoped examples
• New troubleshooting section for common issues
• Detailed CSS variables reference with practical examples
• Added use cases and real-world application scenarios
• Interactive theme customizer on demo site

🔧 Package Updates

• Updated homepage to point to live demo site
• Better NPM package discoverability

📦 Installation

npm install react-3d-button@1.0.3
# or
yarn add react-3d-button@1.0.3
# or
pnpm add react-3d-button@1.0.3

🚀 Quick Start

import { Button3D } from 'react-3d-button';
import 'react-3d-button/styles';
import 'react-3d-button/themes/ocean.css'; // Optional theme

function App() {
  return (
    <Button3D type="primary" ripple onPress={() => console.log('Pressed!')}>
      Click Me!
    </Button3D>
  );
}

🎨 Features

• ✅ 9 Button Variants - Primary, Secondary, Tertiary, Success, Error, Warning, Info, Anchor, Danger
• ✅ 5 Pre-built Themes - Ocean, Sunset, Forest, Pirate, Neon
• ✅ Next.js 13+ Compatible - Works seamlessly with App Router
• ✅ Mobile Optimized - Enhanced touch support
• ✅ TypeScript Support - Full type definitions
• ✅ Zero Dependencies - ~24KB package size
• ✅ Customizable - Easy CSS variable overrides

📝 Full Changelog

Added

• Scoped theme class support for applying themes to specific sections
• Troubleshooting section in documentation
• Detailed CSS variables reference with examples
• Use cases section
• Interactive color customizer on demo site

Changed

• Theme CSS files now use scoped class names (.theme-{name})
• Updated package homepage to demo site
• Enhanced README with better examples and documentation

Fixed

• Theme override specificity issues
• CSS cascade conflicts when multiple themes are imported

🔗 Links

• Live Demo: https://react-3d-button-demo.vercel.app/
• NPM Package: https://www.npmjs.com/package/react-3d-button
• GitHub Repository: https://github.com/boranfurkan/react-3d-button
• Documentation: https://react-3d-button-demo.vercel.app/

🙏 Credits

Built on top of react-awesome-button by @rcaferati.

---

Full Changelog: v1.0.2...v1.0.3