React 1.2.0

Base UI 1.8 compatibility fixes, 2 new Background Pattern textures and a redrawn grid, a border-only Gradient Glow, and custom Copy Button icons.

Added

• Background Pattern rings and checkerboard - Staggered rings drawn at a fixed stroke at any cellSize, and a checkerboard whose cellSize sets one square.
• Border-only Gradient Glow - glow={false} drops the blurred aura. With border it leaves a gradient stroke that keeps revealOn, speed and pressScale.
• Custom Copy Button icon - The icon prop swaps the resting glyph, for a copy-link control for example. The drawn check and the status announcement stay built in.
• Snapping free drag on Carousel - dragFree="snap" glides like a free drag, then settles on the nearest snap point.

Improved

• Background Pattern grid - Redrawn with a dot at every intersection, set off from the 1px lines, and the stroke holds at any cellSize.
• Card solid frame - A translucent background-muted band under a stronger blur, keeping background-subtle in dark mode.
• Dependencies - Base UI 1.8, Embla Carousel 9.0.0-rc03, Motion 13.4 and React 19.3, with TypeScript 7 and Vitest 5 across the workspace. Through Base UI 1.8, read-only Select, Combobox and Autocomplete open for browsing, and start-aligned menus scale in from their corner.
• Agent rules - The packaged rules and the README point at the per-integration index, https://appica.dev/ui/react/llms.txt.

Removed

• Background Pattern dashed grid - The dashed-grid variant is gone. Use grid, which now marks every intersection.

Fixed

• Menu items under Base UI 1.8 - Dropdown Menu, Context Menu and Menubar items keep their padding, radius and rounded highlight. Base UI 1.8 stopped writing the aria-orientation the item styles relied on (#11).

React 1.1.0

8 new components including a full color system, a prebuilt stylesheet for projects without Tailwind, and an API reference generated from the library types.

Added

• Card - A server-safe layout container with CardMedia, CardHeader, CardTitle, CardDescription and CardFooter slots, an optional solid or glass frame, and an inset mode that floats media into a fully rounded panel. Every corner derives from a single --card-radius, so retuning one value keeps the nest concentric.
• Color Picker - A swatch trigger and a popover holding an HSB area, a hue slider and a text input. It shares one color with every color component below it through context, so an area, a slider and a palette need no value wiring. ColorPickerInput reads any string parseColor accepts, not only the format it prints, and ColorPickerEyeDropper samples a screen pixel where the browser has an EyeDropper (rendering nothing where it does not).
• Color Area, Color Slider, Color Swatch and Color Swatch Picker - The 4 building blocks behind the picker, each usable on its own: a two-axis HSB plane, a channel slider, a single swatch, and a selectable palette.
• Color model - parseColor, formatColor, convertColor and the channel helpers ship from @appica/ui-react/color. An alpha format collapses to its opaque twin at full opacity, so a solid color is written #3b82f6 rather than #3b82f6ff.
• Rating - A radiogroup of icon buttons that sweeps a fill preview across the row under the pointer and commits on click. The preview always lands on a step boundary, so it never promises a value the click will not deliver. Swap the built-in star through icon={{ empty, filled }}, and recolor the whole control with any text-* utility.
• Border Beam - A comet of light that laps your content's border, painted as a conic sweep clipped to a hairline ring so it follows the wrapper's own border-radius exactly, from a rounded-xl card to a full pill, with no radius prop to keep in sync. Pure CSS, mirrored in RTL and reduced-motion aware.
• Carousel thumbnails - CarouselThumbs is a rail of CarouselThumbs that sits inside the carousel and drives it, with no second engine to wire up by hand. The rail is a carousel of its own, so a set with more shots than fit scrolls instead of squeezing, and selection is drawn as a single outline that slides between thumbnails.
• frame prop on Dialog, AlertDialog and Drawer - Wraps the popup in a translucent glass frame over the backdrop. Pass frame={false} for a plain solid card.
• Prebuilt stylesheet - @import '@appica/ui-react/css' pulls in a single self-contained appica.css carrying every component's styles and the full token system, for projects that do not run Tailwind. It is linkable straight from a CDN, and tokens stay overridable CSS variables so theming works the same way.
• Agent rules in the package - @appica/ui-react/agent-rules.md ships the rules a coding agent needs to use the library correctly, so an agent that wandered in following an import finds them without the docs site. The README links it.

Improved

• Prop documentation comes from the source - All 366 props declared on our own types now carry JSDoc, so a component's comments, its IDE hover and the published API reference cannot drift apart. Badge, Button, Alert and TabsList declare variant and size explicitly, so hovering one shows the union and its default instead of an empty interface body.
• Text Animate shimmer - Reworked as a seamless gradient glare that sweeps the whole string as one band, rather than brightening character by character.
• Dependencies - Base UI 1.7, Motion 13, Tailwind CSS 4.3 and TypeScript 6 across the workspace, and the development Node floor moves to 22. React 19 and Tailwind CSS 4 remain the only peer requirements.

Fixed

• Menu padding - Dropdown Menu and Context Menu keep their padding inside the scrollport, so pressing the last item no longer scrolls the list under the pointer.

React 1.0.0

Initial release 🎉

60+ accessible, themeable React components built on Base UI primitives, Motion animations, and Tailwind CSS v4 design tokens. Dark mode, RTL support, and full theming out of the box.

• npm: https://www.npmjs.com/package/@appica/ui-react
• Docs: https://appica.dev/ui
• Installation guide: https://appica.dev/ui/docs/react/installation
• Requires React 19+ and Tailwind CSS 4+. ESM only.