Features Section - edithspace/ui

Stay updated about new components on Twitter

Preview

Stunning Design

provides components with stunning design and animations.

Easy to Use

is easy to use and customize. It is built with Tailwind CSS.

Customization

provides customization options to make it easy to fit your brand.

Feature Card Component

tsx

interface FeatureCardProps {
    title: string;
    description: string;
    icon: React.ReactNode;
}

export const FeatureCard = ({ title, description, icon }: FeatureCardProps) => {
  return (
    <>
      <div className="grow flex flex-col gap-5 border border-white border-opacity-10 p-4  bg-zinc-950 rounded-md max-w-[17rem] min-h-[15rem]  w-full justify-center ">

Usage

import { FaRocket } from "react-icons/fa";
import { FaMousePointer } from "react-icons/fa";
import { FaClipboard } from "react-icons/fa";            

<div className="flex gap-4 justify-center  flex-wrap w-full p-4">
    <FeatureCard
        title="Stunning Design"
        description=" provides components with stunning design and animations."
        icon={<FaRocket />}
    />