https://github.com/williamtraoreee/ui

My personal UI library based on React + UnoCSS + ArkUI
https://github.com/williamtraoreee/ui

component kit library storybook ui uikit

Last synced: about 2 months ago
JSON representation

My personal UI library based on React + UnoCSS + ArkUI

• Host: GitHub
• URL: https://github.com/williamtraoreee/ui
• Owner: WilliamTraoreee
• Created: 2024-03-20T17:17:42.000Z (11 months ago)
• Default Branch: develop
• Last Pushed: 2024-05-03T20:37:33.000Z (9 months ago)
• Last Synced: 2024-12-17T06:42:14.009Z (about 2 months ago)
• Topics: component, kit, library, storybook, ui, uikit
• Language: TypeScript
• Homepage: https://ui.willtraore.com
• Size: 1.01 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WillUI

WillUI is a personal UI library made for work with `React` + `UnoCSS` + `InertiaJS`

## I don't recommand to install this library

This library is made for my utilisation and some breaking change can appear without communication about it.

All external issue will be automatically close.

## Installation

`npm i @wtraore/ui`

### CSS

import the css file in your project

```js

import '@wtraore/ui/style.css';

```

### UnoCSS configuration

```js

import { defineConfig } from 'unocss';

import {

	presetAttributify,

	presetIcons,

	presetUno,

	presetWebFonts,

} from 'unocss';

import presetWill from '@wtraore/ui/preset';

export default defineConfig({

	content: {

		pipeline: {

			include: [

				'src/**/*.{js,jsx,ts,tsx}',

				/@wtraore\/ui\/[A-Za-z0-9]+\/[A-Za-z]+\.(es.js|js|ts|tsx)/,

			],

		},

	},

	presets: [

		presetWill(),

		presetUno(),

		presetAttributify(),

		presetWebFonts({

			provider: 'fontshare',

			fonts: {

				sans: ['Satoshi', 'ui-sans-serif'],

			},

		}),

		presetIcons({

			collections: {

				ri: () => import('@iconify-json/ri/icons.json').then((i) => i.default),

			},

		}),

	],

});

```