hanzoai/shadcn
2
0
Fork 0
mirror of https://github.com/hanzoai/shadcn.git synced 2026-10-30 18:22:59 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
shadcn/CHANGELOG.md
T
zeekay 1268d1772a Update AI docs
2025-11-02 12:16:10 -08:00

5.3 KiB
Raw Permalink Blame History

Changelog

All notable changes to the Hanzo UI component library will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

[Unreleased]

Added

  • Slot support for Badge component with asChild prop for composition flexibility
  • Modern focus-visible states for Badge component with ring styling
  • SVG icon support in Badge component with automatic sizing
  • Aria-invalid states for Badge form validation
  • Data-slot attributes for better styling hooks

Changed

  • THEME: Restored electric blue primary color (oklch(0.653 0.269 252.44)) as default
  • THEME: Updated to use shadcn/ui's neutral gray color scheme for backgrounds and text
  • THEME: Maintained configurable theme system via theme generator
  • Badge component now uses <span> instead of <div> for better semantics
  • Badge font weight changed from font-semibold to font-medium
  • Badge padding adjusted from px-2.5 to px-2
  • Badge hover states now only apply within anchor tags ([a&]:hover)
  • Updated both default (rounded-full) and new-york (rounded-md) badge variants
  • Button component updated to shadcn/ui v4 patterns:
    • Changed focus ring from ring-2 to ring-[3px] with 50% opacity
    • Added SVG icon support with [&_svg]:size-4 default sizing
    • Added has-[>svg]:px-* conditional padding when button contains icons
    • Added new icon size variants: icon-sm (size-8) and icon-lg (size-10)
    • Changed from forwardRef to regular function component
    • Added data-slot="button" attribute
    • Improved accessibility with aria-invalid states
    • Enhanced dark mode support for destructive, outline, and ghost variants
  • Input component updated to shadcn/ui v4 patterns:
    • Changed height from h-10 to h-9 (consistent with Button)
    • Changed from forwardRef to regular function component
    • Added data-slot="input" attribute
    • Changed background to transparent with dark:bg-input/30 dark mode variant
    • Added responsive text sizing: text-base md:text-sm
    • Added min-w-0 to prevent flex overflow issues
    • Enhanced file input styling with file:inline-flex file:h-7
    • Added selection highlighting: selection:bg-primary selection:text-primary-foreground
    • Changed focus ring from ring-2 to ring-[3px] with 50% opacity
    • Added aria-invalid states for form validation
    • Changed transition to transition-[color,box-shadow] for smoother animations

Fixed

  • Badge component styling now matches shadcn/ui v4 implementation
  • Improved accessibility with proper focus-visible states
  • Better form integration with aria-invalid support
  • Security: Fixed 31 of 32 vulnerabilities (96.9% reduction):
    • Upgraded happy-dom from 19.0.2 to 20.0.10 (fixes 2 critical RCE vulnerabilities)
    • Upgraded vite from 5.4.20 to 7.1.12 (fixes moderate vulnerability)
    • Applied 21 package overrides for next, axios, undici, prismjs, and other dependencies
    • All critical (5), all but 1 high (3/4), all moderate (19), and all low (5) vulnerabilities resolved
    • Remaining: 1 high severity in lodash.template (no patch available, abandoned package)

Removed

  • Removed hanzo-compatibility documentation page (redundant with main docs)

[5.0.0] - 2025-10-18

Added

  • Next.js 16.0.0 with Turbopack support
  • React 19.2.0 support
  • 150+ components in registry
  • AI-specific components (ai-chat, ai-playground, ai-assistant, ai-vision, etc.)
  • 3D components (3d-button, 3d-card, 3d-carousel, 3d-grid, etc.)
  • Animation components (animated-beam, animated-text, animated-cursor, etc.)
  • Page builder with drag-drop functionality
  • White-label system for Zoo UI and Lux UI forks
  • External registry support (35+ sources)
  • 24+ full-page block templates

Changed

  • Migrated from Contentlayer to Fumadocs for MDX processing
  • Updated documentation structure
  • Improved build process with registry-first approach

Technical

  • Tailwind CSS v4.1.14
  • TypeScript 5.9.3
  • pnpm 9.0.6+ workspace support
  • Turborepo build system

Version Comparison

Hanzo UI vs shadcn/ui:

  • 161 components vs shadcn's 58 components (3x more)
  • Unique to Hanzo UI: AI components (12), 3D components (9), Animation components (13), specialized navigation variants (15+)
  • 100% compatible with shadcn/ui CLI and registry system
  • Multi-framework support: React (100%), Vue (~90%), Svelte (~85%), React Native (~70%)

Component Status

  • Implemented: ~127 fully functional components
  • Stub Components: ~34 need implementation
  • Blocks: 24+ viewport-sized templates
  • AI Components: 12 specialized AI/ML components
  • 3D Components: 9 three-dimensional UI elements
  • Animation Components: 13 motion and transition components

Migration Notes

From shadcn/ui

Hanzo UI is a drop-in replacement for shadcn/ui with additional components:

# Instead of
npx shadcn-ui@latest add button

# Use
npx @hanzo/ui@latest add button

All shadcn/ui components work identically in Hanzo UI, plus you get access to 100+ additional components.

Links

License

MIT License - see LICENSE for details

Reference in New Issue View Git Blame Copy Permalink