CSSN'T Components

Design system

CSSN'T Components

A ready-made component library built around a simple idea: CSSN'T means you should not have to reinvent the same UI patterns for every project. It provides reusable CSS components and design patterns that can be quickly adapted or swapped across systems, helping teams maintain visual consistency, reduce duplicated effort, and improve interoperability between applications with different technology stacks.

npm install cssnt-components
Logo de cssn't

Sections

touch_app

Actions

Components to trigger actions, fire events, and create clear calls to action.

hourglass_top

Feedback Status

Components to communicate status, progress, loading, and user feedback messages.

explore

Navigation

Components to move between views, organize routes, and make the interface easy to explore.

tooltip

Overlay Surfaces

Components that appear on top of content: dialogs, sheets, tooltips, and temporary surfaces.

notes

Content Data

Components to present content, text, media, and data structures in a readable way.

edit_square

Forms

Input components to capture data, validate information, and control user values.

view_quilt

Layout

Components for composition and layout: grids, stacking, tables and overall structure.

verified

Identity

Components to represent identity and presence: avatars, badges, and user visual signals.