Nekomata UI screenshot

Nekomata UI

Updated: 11 Feb 2023
9 Stars

Svelte UI component library that focuses on delivering components and features that can be adaptable to your application needs.

Categories

Overview:

Nekomata-ui is a UI component library built with Svelte that focuses on delivering adaptable components and features for your application. It is designed to allow you to follow any set of design guidelines and philosophies to achieve the desired design for your application. Nekomata-ui provides CSS custom properties (variables) and components without pre-defined media queries or dependencies on breakpoints, allowing for easy customization and flexibility.

Features:

  • Adaptable Components: Nekomata-ui provides a range of UI components that can be easily adapted to meet the design requirements of your application.
  • CSS Custom Properties: The library exports CSS custom properties (variables) from its components, allowing you to customize their appearance and behavior.
  • No Pre-defined Media Queries: Components in Nekomata-ui are not built with pre-defined media queries or dependencies on a store with breakpoints. This means you have full control over how the components respond to different screen sizes.

Installation:

To install Nekomata-ui, you can follow these steps:

  1. Add the library to your project dependencies using npm:
npm install nekomata-ui
  1. Import the desired components from Nekomata-ui into your project:
import { Button, Input } from 'nekomata-ui';
  1. Use the imported components in your application:
<Button>Click me</Button>

Summary:

Nekomata-ui is a UI component library built with Svelte that offers adaptable components and features for your application. It allows you to customize the components using CSS custom properties and does not enforce any specific design guidelines or philosophies. The library is currently in development and welcomes contributions. Nekomata-ui also emphasizes climate policy by deprecating and removing older packages from services like NPM to reduce environmental impact.