Bento Grid - hextastudio/ui

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

Preview

Customization

Customize any components with your own style seamlessly!

Guess the correct OTP

Hint - Count to 5 (this is array)

Stunning Components

Copy and Paste Modern components without any efforts.

Your project, Your code

The components added to working directory, instead of node_modules.

Complete Code

bash

npx hexta-ui add button toast inputotp toggle

tsx

import { Button } from "@/components/hexta-ui/Button";
import { Toast } from "@/components/hexta-ui/Toast";
import { OTP } from "@/components/hexta-ui/InputOTP";
import { Toggle } from "@/components/hexta-ui/Toggle";

bash

npm install cobe

tsx

export const BentoGrid = () => {
  const canvasRef = useRef(null!);
  const [isEnabled, setIsEnabled] = useState(false);
  const [showToast, setShowToast] = useState(false);
  const [otpValue, setOtpValue] = useState("");

  const toggleToast = () => {
    setShowToast(!showToast);
    setTimeout(() => {
      setShowToast(false);