https://github.com/franken-ui/ui

Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.
https://github.com/franken-ui/ui

component css design-system framework shadcn shadcn-ui tailwind tailwindcss ui uikit

Last synced: 6 days ago
JSON representation

Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

• Host: GitHub
• URL: https://github.com/franken-ui/ui
• Owner: franken-ui
• License: mit
• Created: 2024-03-16T00:20:28.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2025-01-05T01:11:18.000Z (16 days ago)
• Last Synced: 2025-01-11T04:56:56.661Z (10 days ago)
• Topics: component, css, design-system, framework, shadcn, shadcn-ui, tailwind, tailwindcss, ui, uikit
• Language: TypeScript
• Homepage: https://next.franken-ui.dev
• Size: 5.22 MB
• Stars: 1,889
• Watchers: 11
• Forks: 27
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-nextjs - Franken UI - Franken UI library, an HTML collection of copy-pastable components based on Tailwind CSS. its alternative of shadcn ui. (React UI Library)

README

        
# Franken UI

Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui. 

## Documentation

- [Version 2](https://next.franken-ui.dev) (preview)

- [Version 1](https://franken-ui.dev)

## Sponsors

Franken UI is an independent, MIT-licensed open source project with its ongoing development made possible entirely by the support of the community. If Franken UI has been beneficial to you in any way, please consider contributing by making a donation, which will help maintain and improve it for the benefit of everyone.

Thanks to the following:



  

    

  



And the amazing individuals from [Ko-Fi](https://ko-fi.com/sveltecult) who helped it since day one.

## Development

Code contributions are now accepted from the community. To ensure effective collaboration and minimize potential conflicts, contributors are requested to [reach out](mailto:[email protected]) before starting work on any new features or bug fixes. This allows discussion of proposed changes, guidance on project architecture and coding standards, and ensures all contributions align with the project's overall vision.

To get started with development, please follow these steps:

* Clone the following three repositories into a single directory: [franken-ui/ui](https://github.com/franken-ui/ui), [franken-ui/uikit](https://github.com/franken-ui/uikit), and [franken-ui/webc](https://github.com/franken-ui/webc).

* Navigate to the `uikit` directory and run the following commands:

  * `npm install`

  * `npm run compile-js`

  * `npm link`

* Next, navigate to the `ui` directory and run the following commands:

  * `npm install`

  * `npm run package`

  * `npm link`

* Finally, navigate to the `webc` directory and run the following commands:

  * `npm install`

  * `npm link franken-ui uikit`

  * `npm link`

* You are now ready to begin developing Franken UI.

## License

Licensed under the [MIT license](https://github.com/franken-ui/ui/blob/master/LICENSE.md).

## Testing

This project is tested with BrowserStack