sexykit Svelte Themes

Sexykit

Svelte components ui kit


Sexykit - A Svelte based UI library

Getting Started

Sveltekit is a library that provides a set of components to build your application. It is based on the Svelte framework. It is a work in progress, so it is not recommended to use it in production, but you can try it out on the demo page and give us your feedback.

Package installation

Note: 🚸 As it is in work in progress, the library is not yet available on npm. The package is only available on github packages to granted access users.

You can install it with the following command:

npm install @loicmonard/sexykit

Project setup

Install dependencies

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Package the library

npm run package

Deploy the package to github packages

After a package action, copy and paste the .npmrc file in the package folder and perform the following command:

npm run deploy

Development sheet

You can directly see how's the project growing as the demo page is updated with each new component. You can also see the code of each component on the demo page.

Available components:

  • Basic:
    • Button
    • Container
    • Text
  • Form
    • Select
    • Textfield
  • Data
    • Card
    • Collapse
  • Navigation
    • Dropdown
    • Header
    • Sidenav
    • Tabs
  • Feedback
    • Modal
  • Others
    • Divider

More components are coming soon!

Top categories

Loading Svelte Themes