Skip to content

A purrfect UI toolkit built using Svelte and Tailwind CSS. Create adaptive, accessible design systems for your web apps.

License

Notifications You must be signed in to change notification settings

CodingCatDev/blackcatui

Repository files navigation

BlackCatUI

The BlackCatUI Tailwind plugin provides a set of utility classes that adjust to your theme settings, while also providing Svelte specific components.

Is this just a fork of Skeleton

BlackCatUI's core is based on Skeleton, the difference being that we try to provide everything as a Component. Below is a comparison of one of those differences

Skeleton's Tailwind CSS only for button

{#if visible}
	<aside class="alert variant-ghost">
		<!-- Icon -->
		<div>(icon)</div>
		<!-- Message -->
		<div class="alert-message">
			<h3>(title)</h3>
			<p>{message}</p>
		</div>
		<!-- Actions -->
		<div class="alert-actions">(buttons)</div>
	</aside>
{/if}

BlackCatUI's Svelte component for button

<Alert {visible} {variant} slotIcon="w-8">
	<!-- Message -->
	<svelte:fragment slot="bcu-alert-message">(message)</svelte:fragment>
</Alert>

We will continue to compare back to the core package and see if it makes more sense just to use Skeleton as a dependency for this project or if we manually pick and choose components.

Component Grouping

Because everything should be a component we are trying to keep the groups closer to MUI.

About

A purrfect UI toolkit built using Svelte and Tailwind CSS. Create adaptive, accessible design systems for your web apps.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published