https://github.com/rayasabari/joko-ui
Free Open Source Tailwind CSS Component for Sat-set Developers with Zero Configuration, Installation, and Setup
https://github.com/rayasabari/joko-ui
css ui ui-components ui-design ui-framework uikit
Last synced: 25 days ago
JSON representation
Free Open Source Tailwind CSS Component for Sat-set Developers with Zero Configuration, Installation, and Setup
- Host: GitHub
- URL: https://github.com/rayasabari/joko-ui
- Owner: rayasabari
- License: mit
- Created: 2026-01-04T12:18:23.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-03-29T06:52:59.000Z (29 days ago)
- Last Synced: 2026-03-29T08:31:51.540Z (29 days ago)
- Topics: css, ui, ui-components, ui-design, ui-framework, uikit
- Language: TypeScript
- Homepage: https://jokoui.web.id
- Size: 311 KB
- Stars: 389
- Watchers: 2
- Forks: 26
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Joko UI
[](https://discord.gg/QQFBGkkdV8)
Joko UI is a collection of free Tailwind CSS components that can be used in your next project. With a range of copy-paste ready components, you can build your next marketing website, admin dashboard, eCommerce store and much more without installing any heavy dependencies.
## Table of Contents
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Components](#components)
- [📱 Application](#application)
- [📣 Marketing](#marketing)
- [Contributing](#contributing)
- [License](#license)
## Getting Started
There is no Joko UI installation. If you have a Tailwind CSS project, you can simply copy the code and paste it into your project.
It is designed to be:
- **No Config**: Works with standard Tailwind setup.
- **No Install**: No npm packages to manage.
- **No Setup**: Just copy, paste, and customize.
## Usage
Browse the website for the components you need, copy the code and paste it into your project.
1. Browse the website for a component you like.
2. Preview the component at different breakpoints (Mobile, Tablet, Desktop).
3. Toggle **Dark Mode** to see how it looks in dark themes.
4. Click on the **'Code'** tab or the **'Copy Code'** button to get the source.
5. Paste the copied code into your project.
> [!NOTE]
> All components support both Light and Dark modes out of the box using Tailwind's `dark:` modifier.
## Components
Joko UI has a growing collection of freely available components:
### [📱 Application](/components/application)
UI components for building functional web applications:
- Authentication Forms
- Dashboards
- Settings Pages
- Data Displays
### [📣 Marketing](/components/marketing)
Components for building high-converting landing pages:
- Hero Sections
- Feature Grids
- Pricing Tables
- Footers
## Contributing
You can contribute by adding new components, fixing bugs or improving the documentation. Please read **[CONTRIBUTING.md](./CONTRIBUTING.md)** before opening an issue or Pull Request.
## License
Joko UI is an open source project licensed under the [MIT license](LICENSE).