UI

Overview

Cicerchie UI is a set of web components that can be used to build fast user interfaces. It is currently in an experimental phase and is not thoroughly tested or reviewed. Users are advised to use it at their own risk and ensure it meets their specific requirements.

Features

• Set of web components for building fast user interfaces
• Latest release information
• License details
• Github repository dependents
• Github package dependents
• Github open issues
• Github status
• Bundlephobia MinZip
• Bundlephobia dependency count
• Snyk vulnerability information
• Npm version
• Npm DT
• Npm dependents
• Npm types
• Changelog with automagic updates
• Built with Svelte 3 and TailwindCSS

Installation

To get started with Cicerchie UI, follow these steps:

1. Install the package using npm:

npm install -D @cicerchie/ui

2. Add TailwindCSS (^v3.0.0) manually to your project. This can be done by adding the following code to your project’s tailwind.config.js file:

// code snippet here

Please note that in the future, an optional version of each component containing the necessary CSS will be made available.

3. Import the specific components you need in your project:

// code snippet here

Consuming components in a Svelte 3 project

If you are using a bundler plugin like rollup-plugin-svelte or svelte-loader, you can import the components’ source code directly in your Svelte 3 project.

Consuming components in any JavaScript project

Components can be imported using plain JavaScript modules or UMD.

Consuming components as Web Components

Web component support is coming soon.

Summary

Cicerchie UI is a collection of web components that can be used to build fast user interfaces. It is currently an experimental project, so users are advised to use it with caution. The installation process involves installing the package via npm and adding TailwindCSS manually. There are different ways to consume the components depending on the project type. The project is built with Svelte 3 and TailwindCSS and offers various features such as latest release information, license details, Github repository dependents, and more.