Skip to content

Nycolaide/lapikit

Lapikit Monorepo

This is the monorepo for Lapikit, a Svelte component library and design system. It contains multiple packages, including the core component library, documentation site, and other related tools.

What is Lapikit?

Lapikit is a Svelte component library that provides a set of reusable user interfaces components and design patterns to help developers build consistent and visually appealing web applications quickly. It’s designed to be flexible, customizable and easy to use.

Learn more at lapikit.dev or join our community on Discord.

Overview

Lapikit includes:

  • A complete set of components ( buttons, cards, modals, textfields, etc. )
  • Built-in stores
  • Hooks to manages internal states and reusable logic
  • Theming system with light, dark and custom variations
  • Scoped styles to avoid CSS conflicts
  • Typescript support for type safety and autocompletion

Everything is designed for performance, readability, and ease of use.

Installation

Lapikit is available on npm. You can install it using npm, yarn, pnpm or bun:

npm i -D lapikit
# or
yarn add -D lapikit
# or
pnpm add -D lapikit
# or
bun add -D lapikit

Use your first component:

<script lang="ts">
  import { Button } from 'lapikit/components';
</script>

<Button variant="filled">Click me</Button>

Documentation

You can find usage guides and component examples at lapikit.dev.

Contributing

Contributions are appreciated, whether they involve correcting problems, creating components, or improving documentation.

Please review the Contributing Guide and the package for further information on how to contribute to Lapikit.

See CONTRIBUTING.md and CODE_OF_CONDUCT.md for details.

Roadmap

You can view the upcoming features and milestones on the Lapikit roadmap.

Support

If you’d like to support Lapikit development:

  • Star the repository
  • Contribute components or examples
  • Share feedback or report issues on GitHub

License

Lapikit is licensed under the MIT License. See LICENSE for details.

But what else?