Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dead8309/shadcn-kotlin
shadcn/ui, but for KotlinJS
https://github.com/dead8309/shadcn-kotlin
kobweb kotlin kotlin-js kotlin-js-react kotlin-js-wrappers shadcn shadcn-ui ui ui-components vercel
Last synced: about 1 month ago
JSON representation
shadcn/ui, but for KotlinJS
- Host: GitHub
- URL: https://github.com/dead8309/shadcn-kotlin
- Owner: dead8309
- License: mit
- Created: 2023-06-23T01:16:38.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-08-09T16:03:42.000Z (over 1 year ago)
- Last Synced: 2024-08-04T02:07:03.565Z (4 months ago)
- Topics: kobweb, kotlin, kotlin-js, kotlin-js-react, kotlin-js-wrappers, shadcn, shadcn-ui, ui, ui-components, vercel
- Language: Kotlin
- Homepage: https://shadcn-kotlin.vercel.app/
- Size: 6.68 MB
- Stars: 39
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shadcn-ui - Kotlin - Kotlin port of shadcn/ui (Ports / Portfolios)
- awesome-shadcn-ui - Shadcn Kotlin - Kotlin port of shadcn/ui (Ports)
- awesome-shadcn-ui - Shadcn Kotlin - Kotlin port of shadcn/ui (Ports)
README
shadcn-kotlin
[shadcn-kotlin](https://shadcn-kotlin.vercel.app) is an unofficial port of [shadcn/ui](https://ui.shadcn.com/) made using [Kobweb](https://kobweb.varabyte.com/)
> **Note**
**This project is not affiliated with shadcn, but inspired by him**
This project is created in need for ui library for the KotlinJs community.
Accessible and customizable components' library. Free. Open Source.
## Documentation
Visit https://shadcn-kotlin.vercel.app/docs to view the documentation.
## Run Locally
To install and set up the project locally, follow these steps:
> **Warning**
> Kobweb is essential for this project to work. Follow
> this [guide](https://github.com/varabyte/kobweb#install-the-kobweb-binary) if you don't have kobweb setup
1. Clone the repository:
```bash
git clone https://github.com/dead8309/kobweb-react-tailwind.git
```
2. Navigate to the project directory:
```bash
cd kobweb-react-tailwind/site
```
3. To run the application, execute the following command:
```bash
kobweb run
```
This will build the project and start a local development server. You can access it in your web browser
at `http://localhost:8080`.
## Integration with Tailwind CSS
Using [tailwind-kt](https://github.com/dead8309/tailwind-kt) gradle plugin which does everything.
You can read the manual configuration [here](./tailwind-integration.md) which has been used before.
## License
Licensed under the [MIT license](./LICENSE).
## Acknowledgments
Special thanks to excellent people, tools and resources that make this project possible:
* [Jetbrains](https://github.com/JetBrains) for [Kotlin JS Wrappers](https://github.com/JetBrains/kotlin-wrappers),
* [facebook](https://github.com/facebook) for [ReactJS](https://github.com/facebook/react)
* [Tailwind Labs](https://github.com/tailwindlabs) for [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss)
* [@verabyte](https://github.com/varabyte/kobweb) for [kobweb](https://github.com/varabyte/kobweb)
* [@nanodeath](https://github.com/nanodeath) for earlier implementation of [tailwind css with KotlinJS](https://github.com/nanodeath/kotlinjs-tailwindcss)
* [@clovis-ai](https://gitlab.com/clovis-ai) for [Updated Gradle Configurations](https://gitlab.com/opensavvy/decouple/-/blob/16bb282309daba3a9b364a53518bc4a6e5f74128/demos/demo-web/build.gradle.kts)
* [@shadcn](https://github.com/shadcn) for [ui](https://github.com/shadcn/ui) components
* [@lukeshay](https://github.com/lukeshay) for [published version](https://github.com/lukeshay/ui) of shadcn library