UI-Components Packages

A material-like input-component library for Vue 3

⚡Fast and customizable UI Components Library for React (with nextJS support)

WeShareBonds' design system with reusable UI components and style guidelines for a unified user experience.

Very lightweight React UI component library

This is package that provides templates that can significantly reduce CSS development works in a react development environment.

Utility and component-centric design system based on Bootstrap for fast, responsive UI development.

Utility and component-centric design system based on Bootstrap for fast, responsive UI development.

A collection of customizable web components built with vanilla JavaScript

Paper component can be used to represent an elevated section in a page, powered by various styles (with theming) and settings

Tidy UI presentation group components includes Alert, Badge, Button, Anchor, Button, ButtonCluster, ButtonGroup, IconButton, Card, Chip, Code, Message, Panel, PanelGroup, Paper, Tag, TagGroup, Text, DataField, Tooltip

tidy-ui react component library; 'progress package

The Card component gives your website a modern card layout, perfect for showcasing important details in a stylish box. Whether you're displaying products, music albums, movies, or hotel info, the possibilities are endless. Multiple cards can create a cool

The Checkboxes component is a versatile tool for collecting user responses with a simple 'yes' or 'no.' Users can check for 'yes' and leave it for 'no.' It offers size and style options, including filled or outlined variants with tick marks upon selection

Introducing the versatile Chip, your info companion! It's like a badge, displaying extra details. Choose sizes, tones, filled or outlined styles, and icon placement. Make it clickable for user actions. Chip is enhanced by theming and styling, ready to ele

The Code component elegantly displays preformatted text, such as JavaScript code, on your webpage while maintaining its original format. With a convenient copy-to-clipboard button and seamless theming, sharing and styling code has never been smoother.

Tidy-ui react utils library; 'commons' package

The versatile Container is your layout commander, adapting effortlessly to screen shifts and breakpoints. It comes in two modes: fluid, flexing its width with the screen for a dynamic arrangement of enclosed components; and fixed, aligning components sole

The Divider component elegantly separates components with horizontal or vertical dividers. It offers diverse densities, shades, and tones to match your design, along with various variants like solid and dashed. Customize lengths and alignments, and explor

The `Drawer` adds extra stuff, like navigation, to your app. You can put it on the left or right. Open/close it with clicks. When open, it covers the screen and focuses on its content. A top button closes it. Easy-peasy!

Tidy UI layout group components includes Border, Container, Divider, Flexbox, Grid, Stack