New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

fits-ui

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

fits-ui

Ui library based in Shadcn ui

latest
Source
npmnpm
Version
2.3.1
Version published
Maintainers
1
Created
Source

fits-ui - Elegant CSS Modules Based in shadcd/ui

fits-ui is a sophisticated UI library built on the foundation of CSS Modules, designed to help you create stunning user interfaces for your web applications. With fits-ui, you can effortlessly develop visually appealing and responsive UI components, all while benefiting from the modularity and encapsulation provided by CSS Modules.

Features

  • Modular CSS: fits-ui leverages the power of CSS Modules to encapsulate styles and prevent clashes with other styles in your application.

  • Elegant Design: With a focus on simplicity and elegance, fits-ui is based in shadcd-ui, provides carefully crafted components that enhance the aesthetic appeal of your web app.

  • Responsive Ready: All fits-ui components are designed to seamlessly adapt to different screen sizes, ensuring a consistent and visually pleasing experience across devices.

  • Customization: While fits-ui offers a beautiful default style, you can easily customize the components to match your brand's colors and design preferences.

  • Easy Integration: Getting started with fits-ui is as simple as installing the package and importing the components you need.

Installation

You can quickly integrate fits-ui into your project using npm:

npm install fits-ui

Usage

  • Import the fits-ui component styles using CSS Modules:
import React from 'react';
import 'fits-ui/dist/fits-styles.css'; // Import fits-ui CSS Module
  • Import and utilize fits-ui components in your React application:
import React from 'react';
import 'fits-ui/fits-styles.css';
import { Button } from 'fits-ui';

const App = () => {
  return (
    <div>
      <Button>Get Started</Button>
    </div>
  );
};

export default App;

Contribution

We warmly welcome contributions from the community! If you're interested in contributing to fits-ui, please follow our Contribution Guidelines:.

  • Create a issue with description and examples or assign one issue
  • Create a fork
  • Create a branch in you fork using convencional commits
  • Open a pull request to the repository
  • Wait util your pr be reviewed
  • If we don't find have any issue we will merge you pull request, otherwise we will send tips to fix you code.

License

fits-ui is released under the MIT License.

Keywords

css

FAQs

Package last updated on 08 Sep 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts