Changelog

July 2025 - Complete Site Overhaul

We've completely rebuilt Badtz UI from the ground up. This month brings our biggest changes yet, with a complete site overhaul and major architectural decisions that make the library faster, cleaner, and more maintainable.

Migration to Fumadocs

We've migrated our entire documentation system to Fumadocs, inspired by the exceptional work done by shadcn/ui's documentation approach.

Why Fumadocs:

• Better developer experience - Cleaner, more intuitive navigation
• Improved performance - Faster page loads and better SEO
• Enhanced readability - Better typography and layout for documentation
• Modern architecture - Built for scalability and maintainability

The new documentation system provides a much better experience for exploring components, understanding implementation, and getting started quickly.

TypeScript-Only Decision

We've made the strategic decision to discontinue JavaScript support and focus exclusively on TypeScript. This change brings significant benefits:

Performance improvements:

• Cleaner codebase - Removing dual JS/TS maintenance overhead
• Better performance - Optimized build processes and smaller bundles
• Improved readability - Especially beneficial for MDX files and documentation

Developer benefits:

• Type safety - Catch errors at development time, not runtime
• Better IntelliSense - Superior autocomplete and documentation in editors
• Modern development - Aligned with current React ecosystem standards
• Simplified maintenance - Single codebase to maintain and optimize

Complete Site Redesign

The entire site has been rebuilt with a focus on clarity and performance:

• New navigation system - Inspired by shadcn/ui's exceptional UX patterns
• Improved component showcase - Better previews and implementation examples
• Enhanced mobile experience - Optimized for all screen sizes
• Faster loading times - Optimized assets and improved architecture

MDX Optimization

With the TypeScript-only approach, our MDX files are now:

• More performant - Faster compilation and rendering
• Easier to read - Cleaner syntax without JS/TS dual support
• Better maintained - Single source of truth for all examples
• Type-safe - Full TypeScript benefits in documentation examples

Breaking Changes

Important: This update includes breaking changes:

• JavaScript support removed - All components now require TypeScript
• Updated installation process - Simplified setup focused on TypeScript projects
• New documentation structure - Migration from old docs required

Migration Guide

For existing users:

1. Convert to TypeScript - Update your project to use TypeScript
2. Update imports - Follow the new TypeScript-specific import patterns
3. Review documentation - Explore the new Fumadocs-powered site
4. Update dependencies - Ensure compatibility with the new architecture

---

April 2025 - Official Release

Badtz UI is officially live. After months of iteration, polishing, and feedback, our open-source component library is ready for real-world usage and open to all developers.

Daily Component Releases

Starting with the official release, we launched a daily release cycle: one new component every single day, specifically designed for landing pages.

Key improvements:

• Production-ready components - Lightweight, clean, and designed for maximum reusability
• 5 new components weekly - Consistent growth of the open-source library
• Mobile-responsive - Built with accessibility and responsiveness in mind
• Tailwind CSS optimized - Perfect integration with utility-first styling

What We Delivered

All components are crafted with care:

• Conversion-focused - Optimized specifically for landing pages and marketing sites
• Easy customization - Built for any project using Tailwind and React
• Consistent documentation - Clear examples and implementation guides
• Accessibility first - Screen reader support and keyboard navigation

Performance Focus

This release brought significant improvements:

• Smaller bundle sizes - Optimized component architecture
• Better loading times - Efficient code splitting and lazy loading
• Improved accessibility - ARIA labels and semantic HTML structure
• Mobile-first design - Optimized for all screen sizes

---

February 2025 - Open Source Transition

Badtz UI became fully open source. This marked a new phase for the project, allowing developers worldwide to contribute, customize, and integrate our UI components freely.

Complete Visual Rework

We introduced a complete redesign to enhance aesthetics, usability, and overall coherence:

• Redesigned interface - More refined and modern look
• Improved component structure - Better usability and developer experience
• Optimized dark and light modes - Seamless theme adaptability
• Cleaner, more intuitive - Easier than ever to build quality interfaces

Major Component Upgrades

We reworked most components to improve performance and usability:

Component improvements:

• Optimized rendering - Better performance and efficiency across all components
• Automatic resizing - Dynamic adaptation to different screen sizes
• Aspect ratio enforcement - Proper scaling maintained automatically
• Mobile optimization - Enhanced performance on mobile devices

Community-Driven Development

With the open source transition:

• GitHub contributions welcome - Community can help shape the library's future
• Feedback-driven improvements - User input guides development priorities
• Transparent development - Open roadmap and development process
• Growing community - Active discussions and feature requests

---

December 2024 - Pre-Release Launch

The first pre-release version of Badtz UI after several months of dedicated development. This milestone represented the beginning of our vision: a powerful tool for React developers to build stunning landing pages effortlessly.

Foundation Established

This pre-release established the core foundation:

• Initial component library - Basic building blocks for landing pages
• React + Tailwind integration - Seamless development experience
• TypeScript support - Type-safe component development
• Mobile-responsive design - Components work across all devices

Community Feedback Phase

We invited early users to:

• Explore the library - Test components in real projects
• Report bugs and issues - Help us identify and fix problems
• Provide valuable feedback - Shape the direction of future development
• Experiment with features - Discover new use cases and patterns

Development Focus

Our priorities during this phase:

• Bug identification and fixes - Ensuring library stability
• Component completion - Finishing components marked as "coming soon"
• Performance optimization - Making components production-ready
• Documentation improvement - Clear guides and examples

The Journey Begins

This pre-release marked the start of our commitment to:

• Open source development - Building in public with community input
• Consistent quality - High standards for every component
• Developer experience - Making React development faster and more enjoyable
• Landing page focus - Specialized components for marketing and conversion

---

What's Next

We're continuing to evolve Badtz UI with exciting features on the horizon:

• Expanded component library - More specialized landing page components
• Enhanced accessibility - Improved screen reader support and keyboard navigation
• Better documentation - Interactive examples and comprehensive guides
• Community contributions - Growing ecosystem of community-built components
• Performance improvements - Ongoing optimization for speed and bundle size

Thank you to everyone who has supported Badtz UI throughout its journey. This is just the beginning.