@yuyuid/sunui

Sunda UI - React UI component library

SunUI ☀️

Sunda UI – A modern, elegant, and scalable React UI library inspired by the beauty of Sunda culture.
Designed for developers who want clean, reusable, and accessible components with a touch of cultural uniqueness.

Think of it like Ant Design, but with the warmth and identity of Sunda.

✨ Features

• Beautiful & Consistent – Unified design system with a touch of Sunda aesthetics.
• Developer Friendly – Simple API, great TypeScript support.
• Responsive by Default – Components adapt seamlessly to all devices.
• Customizable – Easily override styles with Tailwind, CSS variables, or SCSS.
• Accessible – Built with WAI-ARIA guidelines.

Installation

npm install sunui
# or
yarn add sunui
# or
pnpm add sunui

Usage

import React from 'react';
import { Button } from 'sunui';

export default function App() {
	return (
		<div>
			<Button type="primary">Sampurasun!</Button>
		</div>
	);
}

Component

More component coming soon..

Configuration Theme

import React, { PropsWithChildren } from 'react';
import { AppProvider } from 'sunui';

interface AppProps extends PropsWithChildren {}
const App: React.FC<AppProps> = () => {
	return (
		<AppProvider
			theme={{
				token: {
					colorPrimary: '#1677FF',
				},
				var: true,
			}}
		>
			{children}
		</AppProvider>
	);
};

Documentation

Full documentation is coming soon Yuyuid SunUI

License

MIT © 2025 SunUI Team

SunUI is more than just components –
it’s about bringing the warmth of Sunda culture into your app.