cult-ui-svelte

A Svelte 5 / Tailwind CSS v4 port of a practical first slice of nolly-studio/cult-ui.

This is not a React wrapper. Components are Svelte-native and use runes, snippets, Svelte context, and svelte/motion where appropriate.

Ported components

• AnimatedNumber
• CosmicButton
• GlowButton
• GradientHeading
• MinimalCard compound set
• MockBrowserWindow
• DitherImage compound set
• Dock / DockItem
• DynamicIsland

Usage

<script lang="ts">
	import { CosmicButton, GradientHeading } from 'cult-ui-svelte';
	import 'cult-ui-svelte/styles.css';
</script>

<GradientHeading as="h1" size="xl" weight="black">
	Build cult-grade Svelte interfaces.
</GradientHeading>

<CosmicButton href="https://svelte.dev">Launch</CosmicButton>

These components are Tailwind-class based. In a consuming app, use Tailwind CSS v4 and include your normal app stylesheet setup.

Development

pnpm install
pnpm run check
pnpm run build
pnpm run dev

src/routes/+page.svelte is the visual showcase/smoke test. src/lib is the package surface.

Notes on the port

• React children became Svelte Snippet props and component children.
• React Context became Svelte setContext / getContext.
• Framer Motion behavior was reimplemented using CSS transitions, Svelte runes, and svelte/motion.
• Next/Image usage in the original dither component became native <img> for framework-neutral packaging.
• Original source references are stored under references/cult-ui-react/ for comparison.

License

MIT. This port is based on MIT-licensed cult-ui components.