ui
Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.
File Explorer
Download Latest Version (.zip)- FUNDING.yml
- common.d.ts
- common.js
- postcss.config.cjs
- postcss.config.d.cts
- tailwind.config.d.ts
- tailwind.config.js
- index.d.ts
- index.js
- basic.d.ts
- basic.js
- custom-select.d.ts
- custom-select.js
- keyval.d.ts
- keyval.js
- pin.d.ts
- pin.js
- range.d.ts
- range.js
- tag.d.ts
- tag.js
- accordion.d.ts
- accordion.js
- alert.d.ts
- alert.js
- animation.d.ts
- animation.js
- avatar.d.ts
- avatar.js
- badge.d.ts
- badge.js
- breadcrumb.d.ts
- breadcrumb.js
- button.d.ts
- button.js
- card.d.ts
- card.js
- cmd.d.ts
- cmd.js
- comment.d.ts
- comment.js
- container.d.ts
- container.js
- cover.d.ts
- cover.js
- date.d.ts
- date.js
- divider.d.ts
- divider.js
- dotnav.d.ts
- dotnav.js
- drop.d.ts
- drop.js
- icon.d.ts
- icon.js
- index.d.ts
- index.js
- label.d.ts
- label.js
- leader.d.ts
- leader.js
- lightbox.d.ts
- lightbox.js
- link.d.ts
- link.js
- list.d.ts
- list.js
- media.d.ts
- media.js
- modal.d.ts
- modal.js
- nav.d.ts
- nav.js
- notification.d.ts
- notification.js
- offcanvas.d.ts
- offcanvas.js
- pagination.d.ts
- pagination.js
- placeholder.d.ts
- placeholder.js
- position.d.ts
- position.js
- preflight.d.ts
- preflight.js
- print.d.ts
- print.js
- progress.d.ts
- progress.js
- root.d.ts
- root.js
- slider.d.ts
- slider.js
- sortable.d.ts
- sortable.js
- spinner.d.ts
- spinner.js
- stepper.d.ts
- stepper.js
- sticky.d.ts
- sticky.js
- svg.d.ts
- svg.js
- switcher.d.ts
- switcher.js
- tab.d.ts
- tab.js
- table.d.ts
- table.js
- tag.d.ts
- tag.js
- theme-switcher.d.ts
- theme-switcher.js
- thumbnav.d.ts
- thumbnav.js
- tooltip.d.ts
- tooltip.js
- transition.d.ts
- transition.js
- typography.d.ts
- typography.js
- utility.d.ts
- utility.js
- core.min.css
- franken-ui.css
- utilities.min.css
- chart.d.ts
- chart.js
- rte.d.ts
- rte.js
- chart.iife.js
- core.iife.js
- icon.iife.js
- rte.iife.js
- combine-duplicated-selectors.cjs
- combine-duplicated-selectors.d.cts
- sort-media-queries.cjs
- sort-media-queries.d.cts
- preset-quick.d.ts
- preset-quick.js
- bin.d.ts
- bin.js
- context.d.ts
- context.js
- index.d.ts
- index.js
- merger.d.ts
- merger.js
- palette.d.ts
- palette.js
- plugin-vite.d.ts
- plugin-vite.js
- types.d.ts
- types.js
- app.css
- common.ts
- postcss.config.cjs
- tailwind.config.js
- index.ts
- basic.ts
- custom-select.ts
- keyval.ts
- pin.ts
- range.ts
- tag.ts
- accordion.ts
- alert.ts
- animation.ts
- avatar.ts
- badge.ts
- breadcrumb.ts
- button.ts
- card.ts
- cmd.ts
- comment.ts
- container.ts
- cover.ts
- date.ts
- divider.ts
- dotnav.ts
- drop.ts
- icon.ts
- index.ts
- label.ts
- leader.ts
- lightbox.ts
- link.ts
- list.ts
- media.ts
- modal.ts
- nav.ts
- notification.ts
- offcanvas.ts
- pagination.ts
- placeholder.ts
- position.ts
- preflight.ts
- print.ts
- progress.ts
- root.ts
- slider.ts
- sortable.ts
- spinner.ts
- stepper.ts
- sticky.ts
- svg.ts
- switcher.ts
- tab.ts
- table.ts
- tag.ts
- theme-switcher.ts
- thumbnav.ts
- tooltip.ts
- transition.ts
- typography.ts
- utility.ts
- chart.ts
- rte.ts
- combine-duplicated-selectors.cjs
- sort-media-queries.cjs
- preset-quick.ts
- bin.ts
- context.ts
- index.ts
- merger.ts
- palette.ts
- plugin-vite.ts
- types.ts
- +layout.js
- +page.svelte
- app.d.ts
- app.html
- Mono.woff2
- Sans.woff2
- style.css
- avatar.jpg
- dark.jpg
- icons.svg
- image-type.avif
- image-type.jpeg
- image-type.webp
- light.jpg
- photo.jpg
- photo2.jpg
- photo3.jpg
- size-h.jpg
- size-v.jpg
- size1.jpg
- size2.jpg
- slider1.jpg
- slider2.jpg
- slider3.jpg
- slider4.jpg
- slider5.jpg
- favicon.png
- .eslintignore
- .eslintrc.cjs
- .gitignore
- .npmrc
- .prettierignore
- .prettierrc
- LICENSE.md
- package-lock.json
- package.json
- postcss.config.cjs
- README.md
- svelte.config.js
- tailwind.config.js
- tsconfig.json
- vite.config.ts
π Installation Guide
1. Get the code
git clone https://github.com/franken-ui/ui
Downloads the entire project code from GitHub to your computer.
cd ui
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)