krypton-ui

The Comprehensive React-Based UI Toolkit built on top of React.

🚀 Krypton UI: The Comprehensive React-Based UI Toolkit ⚡️ Krypton is a collection of reusable UI components for React that can assist in the development of any web application.

List of reusable components:

• 🧮 Accordion
• 😈 AdvancedAlert
• ⚠️ Alert
• 🎰 Autocomplete
• 🐵 Avatar
• 🎴 Badge
• 🚨 Button
• 🍞 Breadcrumbs
• 🃏 Card
• 🎠 Carousel
• ✅ Checkbox
• 💳 Chip
• 📅 Datepicker
• 🏷️ FormLabel
• 🔌 Input
• 🖼️ Icon
• 📄 Pagination
• ⏳ ProgressBar
• 🎦 Modal
• 🔗 Link
• 📑 List
• 🌀 Spinner
• 🔽 Select
• 🖇️ Stepper
• 💡 Switch
• 🔘 Radio
• ⭐ Rating
• 🎚️ Range
• 📖 Table
• 🎹 Tabs
• 🎫 Tooltip
• 📋 TransferList

Installation

Krypton UI is available as an npm package.

npm:

npm install krypton-ui

Getting started with Krypton UI

This is an example of a simple application that utilizes Krypton UI's Button component:

import * as React from 'react';
import { Button } from 'krypton-ui';

const App = () => {
    return <Button variant="outline">Click Me!</Button>;
};

Contributions

Everyone is welcome to contribute to this project. Feel free to open an issue if you have question or found a bug. Totally open to any suggestions and improvements.

License

This project is licensed under the terms of the MIT license.