11reed / chakra-ui-svelte

An unofficial(yet) implementation of Chakra Ui for SvelteJS

Welcome to chakra-ui-svelte 👋

An implementation of Chakra Ui in Svelte

Homepage Demo

Install

pnpm install chakra-ui-svelte

<script>
	import { Box, Button, ChakraProvider } from 'chakra-ui-svelte';
</script>

<ChakraProvider>
	<Box color="red">Chakra UI Svelte</Box>
	<button>Test Button</button>
</ChakraProvider>

The latest release has the following components

• ChakraProvider - Which should wrap all other components
• Box - The Basic component upon which every other component is built on
• Icon
• Logo
• Text
• VisuallyHidden
• Button
• IconButton - IconButton is still buggy and proper documentation is not yet available
• Flex
• Stack
• HStack
• VStack

Documentation would be available soon

Author

👤 elcharitas

• Website: https://elcharitas.dev
• Twitter: @iamelcharitas
• Github: @elcharitas
• LinkedIn: @elcharitas

Show your support

Give a ⭐️ if this project helped you!