Collection of re-useable components that uses the vanilla-extract css library.
This project is inspired by shadcn-ui and radix-ui.
You can inject each component codes into your project, like shadcn-ui
You can explore the Storybook docs for the deployed components here.
If you have not set up a React project, please follow the instructions in the Getting Started Guide.
If you have already set up a React project, please proceed with the following steps.
Add baseUrl and alias in your tsconfig.json to correctly configure the import paths for utility functions.
If you configured differently, you must input the alias according to the corresponding path when running init.
{
"compilerOptions": {
// ...
"baseUrl": ".",
"paths": {
"#*": ["./src/*"]
}
}
}Note
If you are using other frameworks or build tool such asVite, additional steps may be required to configurealias.Please refer to the documentation in the Getting Started Guide for detailed instructions.
Use the init command to initialize dependencies for a new project.
The init command sets up the component-config.json file, which makes configuration settings.
npx gwjun-ui initUse the add command to add components to your project.
The add command adds a component to your project and installs all required dependencies.
npx gwjun-ui add [component]npx gwjun-ui add buttonThis project references code and concepts from shadcn-ui and radix-ui.
Components are styled using the vanilla-extract.
Licensed under the MIT License, Copyright (c) 2024 Gwang Jun
See LICENSE for more information.