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.
Home Page: https://franken-ui.dev
License: MIT License
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.
Visit https://www.franken-ui.dev to view the documentation.
Licensed under the MIT license.
Add a select support
"franken-ui": "^0.0.7",
"tailwindcss": "^3.4.3"
My experience with sortable so far:
the Introduction Document on the Franken-UI web page does not has enough left spacing I explain this problem with screenshots.
Are there any plans to include a component similar to shadcn's combobox?
Reference
Thanks!
Hi,
I am using the alert-component with presetQuick.
Alert-danger has a red border, while alert-success is just plain. Is it not supposed to be green?
Thanks.
Hi! Thanks for your lib, it looks pretty well.
I want to know if it's possible to use unocss instead of tailwind ?
The demo here uses the Geist font without loading a bold version of the font, and then proceeds to apply font-weight: bold to the heading text.
This generates a poorly rendered bold font.
Hi!, I've found this lib interesting and tried to give it a go. While building something auto-complete suggests the classes uk-label-danger, uk-label-warning, uk-label-success but only danger seems to work.
If I go to definition I see the class is there's in the sass/css/less files, but it's not getting added in the css that reaches the browser.
<span class="uk-label uk-label-success">Done</span>
Thanks! :)
Could you provide a CSS file to add as a stylesheet to a static HTML web page, so I can use pure CSS version, without JS nor npm? Thanks!
Can this be used with htmx ?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
