Blueprint React UI Toolkit

screen-shot-2016-11-22-at-23-53-00

Blueprint is a collection of React UI components, covering the majority of the common interface elements, patterns and interactions on the web. Using Blueprint ensures that you’ll end up with an elegant, easy-to-use UI, freeing you to focus on building your product—not the atomic pieces that comprise it.

The UI components really are well written (and play together very nicely). Great to use, and to act as an inspiration if you are writing your own ones.

npm install --save @blueprintjs/core
import {
    Button,
    Menu,
    MenuItem,
    MenuDivider,
    Popover,
    Position
} from "@blueprintjs/core";

const menu = (
    <Menu>
        <MenuItem text="New" />
        <MenuItem text="Open" />
        <MenuItem text="Save" />
        <MenuDivider />
        <MenuItem text="Settings..." />
    </Menu>
);

<Popover content={menu} position={Position.BOTTOM_RIGHT}>
    <Button text="Actions" />
</Popover>

Blueprint →

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.