Styled UI Library

Styled UI Library is personal front-end Styleguide and component library made to provide fast and enjoyable experience while developing React or NextJS applications. It's based on React, TypeScript and Styled-components.

Components

Components are the foundational elements of a design system, each crafted to fulfill a distinct interaction or user interface requirement. They are specifically designed to interoperate, forging cohesive patterns and seamless user experiences.

Accordion

The accordion component provides users with the ability to seamlessly toggle...

Avatar

An avatar serves as a visual representation of a user or entity...

Box

A box is a foundational primitive component serving as a generic container...

Primitive

Button

Buttons are clickable elements that enable users to initiate actions or make...

Button Icon

Button Icon is prevalent in app bars and toolbars. A Button Icon triggers an event...

Tile

Tile is surface that display content and actions on a single topic...

Chip

Chips are concise components symbolizing input, attributes, or actions...

Drop Down

A dropdown menu presents a list of actions that a user can take...

Grid

Grid serves as a primitive layout component based on the CSS Grid API...

Primitive

Message

A Message displays an informative, important message that attracts the user...

Search Filter

A Search Filter allows users to search for specific content...

Tabs

Tabs are used to organize content by grouping similar information on the same...