# v1.1.0 **Category**: react **URL**: https://www.blakeui.com/en/docs/react/releases/v1-1-0 **Source**: https://raw.githubusercontent.com/myblakebox/BlakeUI/refs/heads/main/apps/docs/content/docs/en/react/releases/v1-1-0.mdx > Buttons gain depth by default — gradient layers, a top-down sheen, and surface elevation on filled variants, with unified ButtonGroup elevation. ***
June 13, 2026
A styling update that gives buttons more depth out of the box, with gradient layers, a subtle sheen, and surface elevation on the filled variants. ## Installation Install the latest version: ```bash npm i @blakeui/styles@latest @blakeui/react@latest ``` ```bash pnpm add @blakeui/styles@latest @blakeui/react@latest ``` ```bash yarn add @blakeui/styles@latest @blakeui/react@latest ``` ```bash bun add @blakeui/styles@latest @blakeui/react@latest ``` **Using AI assistants?** Simply prompt "Hey Cursor, update BlakeUI to the latest version" and your AI assistant will automatically compare versions and apply the necessary changes. Learn more about the [BlakeUI MCP Server](/docs/react/getting-started/mcp-server). ## Improvements ### Button — fancy layers and surface elevation by default Filled Button variants (`primary`, `secondary`, `tertiary`, `danger`, `danger-soft`) now ship a gradient inner border, a top-down sheen, and `shadow-surface` elevation by default for a richer, more tactile look. The `ghost` and `outline` variants opt out of both and stay flat, and disabled buttons drop the shadow and layers. ### ButtonGroup — unified elevation ButtonGroup now carries a single group-level shadow while its segments render flat — no per-segment shadow or gradient frame — keeping the sheen on each segment for a cohesive, seamless group. ## Links - [Button component](/docs/react/components/button) - [Component Docs](/docs/react/components) - [GitHub Repository](https://github.com/myblakebox/BlakeUI)