Features Section - hextastudio/ui

hextastudio/ui needs your support to stay running 🫶 Help us

Preview

Stunning Design

hextastudio/ui provides components with stunning design and animations.

Easy to Use

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

Customization

hextastudio/ui 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="hextastudio/ui provides components with stunning design and animations."
        icon={<FaRocket />}
    />