Simple, optimized components for Svelte
A library of accessible, high-performance, versatile components that let you develop fast, fully customizable interfaces.
Build faster, write cleaner code
With Lapikit, you can easily create and manage your components, making your development process more efficient
Why waste time developing the same UI components on each project? With raw TailwindCSS, every button, card, and modal becomes a collection of repeating class blocks that clutter your codebase and complicate maintenance. Lapikit allows you to focus on what matters most: developing exceptional user experiences by delivering ready-to-use, customisable, and type-safe Svelte components
With Lapikit, you write less but build more:
- Your code will be cleaner, with simpler and more legible syntax
- Faster, thanks to reuse components and uniform styling
- More consistently, with pre-optimized Svelte + TypeScript integration
- Stop copying and duplicating CSS classes and start shipping better user interfaces
Instead of struggling with redundancy, you focus on the experience you want to offer
There are an infinite amount of themes with just one configuration
Lapikit supports several themes out of the box, allowing you to quickly swap between theming options with minimal setup.Light and dark modes are also supported. Switching themes or changing your design system takes seconds rather than hours
Discover what functionalities are available for your application
Lapikit is a component library with a variety of features to help you create beautiful and functional web applications. Here are some of the features you can make use of:
Lightweight and fast
Lapikit is designed to be lightweight and fast, ensuring optimal performance for your applications
Transition and animations
You can easily add transitions and animations to your components thanks to built-in support for major animation libraries
Scoped styles
All styles are scoped to their specific components, preventing style leakage and maintaining consistent design throughout the application
Reusable components
A comprehensive library of pre-built, accessible, and customisable UI components to accelerate your development process
Customizable themes
Includes light and dark themes that may be easily customized to match your brand's colors
Typescript support
Lapikit, which is written in TypeScript, comes pre-loaded with type definitions for a better developer experience
SvelteKit friendly
Lapikit is built on SvelteKit and fully supports it’s capabilities such as routing, server-side rendering, and static site generation
Lapikit is designed to simplify and streamline the work of front-end developers by limiting code redundancy, leaving more time for the development of advanced and complex features.
Creator of Lapikit
Monthly downloads
GitHub Stars
Open Source and built by developers, for developers
Lapikit is 100% open source, created and maintained by Nycolaide and a growing community of frontend developers. You can contribute on GitHub, report issues, or suggest new components.
Every contribution helps improve the developer experience for the entire Svelte community.
Followers
Members
Go further with Lapikit
Explore our documentation and resources to get the most out of Lapikit:
Learn how to install and use Lapikit in your project
Do you want to contribute to Lapikit? We provide a Contributor Guide to assist you in getting started
Become a sponsor to help Lapikit create a strong community
You enjoy Lapikit, and I do, too
Lapikit is free and open source software distributed under the MIT License. You may help us grow by contributing to the project and becoming a sponsor. Every gift actually counts! As a Lapikit contributor, you will gain visibility into the roadmap, have a say in the project's development, be recognized on our website, and receive priority support
All donations and sponsorships will be utilized solely to support the development and maintenance of Lapikit
It's not magic, it's Lapikit