New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@blueprintui/layout

Package Overview
Dependencies
Maintainers
1
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@blueprintui/layout - npm Package Compare versions

Comparing version 1.10.5 to 1.10.6

2

package.json
{
"name": "@blueprintui/layout",
"version": "1.10.5",
"version": "1.10.6",
"main": "index.css",

@@ -5,0 +5,0 @@ "type": "module",

@@ -5,6 +5,15 @@ # BlueprintUI Layout

### [Documentation](https://layout.blueprintui.dev/)
### [Documentation](https://blueprintui.dev/docs/layout)
Blueprint Layout is a lightweight CSS library for building responsive UIs that work everywhere. Declaratively create layouts that automatically respond to their container size for true encapsulated component layout.
Blueprint Layout offers a streamlined CSS library, specifically designed to effortlessly construct responsive UI. Utilize its declarative approach to create adaptive layouts that dynamically respond to varying container sizes, providing truly encapsulated component arrangements.
## Key Features:
- Intuitive, declarative layout design
- Versatile grid, block, and inline layout options
- Responsive container queries for adaptive components
- Ultra-lightweight at just ~3kb of CSS
### Grid
```html

@@ -20,8 +29,28 @@ <!-- responsive 12 column grid using container queries -->

![example CSS Grid layout using Container Queries with blueprint-ui layout](https://layout.blueprintui.dev/assets/images/container-queries-grid.gif)
### Block
```html
<div bp-layout="block gap:sm">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
```
### Inline
```html
<div bp-layout="inline gap:sm">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
```
### Versions
v4 (latest) https://layout.blueprintui.dev
Latest https://blueprintui.dev/docs/layout
v3 https://blueprintcss.dev
Legacy v3 https://blueprintcss.dev
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc