kayone-fresh-ui

kayone-fresh-ui is a collection of fresh and modern UI components for React applications.

Installation

You can install kayone-fresh-ui via npm:

npm install kayone-fresh-ui

Usage

Import the components you need from kayone-fresh-ui and start using them in your React application.

Two components are available: Card3D and MagicCard.

Card3D is a 3D card component with a button that can be clicked.

MagicCard is a card component with a unique design.

Example

import React from "react";
import { Card3D, MagicCard } from "kayone-fresh-ui";
import callicon from './assets/call.jpg';

function App() { return ( <> </> ); }

export default App;

Components

1.Card3D

A 3D card component with customizable title, button text, and content.

Props:

- **title** (string): Title of the card.  
- **btnName** (string): Text for the button.  
- **content** (string): Content of the card.  

2.MagicCard

A magical card component with customizable image, title, and button texts.

Props:

• imgs (string): Path to the image for the card.
• h (number): Height of the image (in pixels).
• w (number): Width of the image (in pixels).
• title (string): Title of the card.
• btText1 (string): Text for the first button.
• btText2 (string): Text for the second button.