Lisse

Lisse is a compact JavaScript library designed to create smooth, squircle-shaped corners—curves that are the same used in Figma and iOS interfaces. It provides a simple way to add elegant, continuous curves to your web elements, enhancing visual appeal with minimal effort. The library includes bindings for popular frameworks like React, Vue, and Svelte, along with a core that works independently of any framework, offering maximum flexibility.

Key features include:

• Per-corner control: Customize each corner individually for precise design.
• Borders and shadows: Easily add borders and shadows to complement the squircle corners.
• High-quality smoothing: Achieve polished, frictionless transitions that flow seamlessly.

Lisse is ideal for developers seeking to elevate their UI with smooth, modern curves that are consistent across platforms. Its straightforward installation process and comprehensive documentation make it accessible for projects of any size, from small prototypes to large applications.

To get started, install the package relevant to your framework:

• React: npm install @lisse/react
• Vue: npm install @lisse/vue
• Svelte: npm install @lisse/svelte
• Core library (framework-agnostic): npm install @lisse/core

Integrate Lisse into your project and enjoy the sleek, continuous curves that bring a refined touch to your web design.