Início
Componentes

ArtIux Lab

ArtIux Lab

Biblioteca de componentes altamente animados

Desenhado para funcionar com Next.js, Tailwindcss, React e Typescript

Select

Seletor em drawer

Multi Select

Múltipla escolha com busca

Selecionar

Button Group

Botões agrupados

Card

Subtítulo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultricies mi vitae est. Pellentesque habitant morbi.

Input Number

Incremento e decremento

1

Checkbox Compose

Checkbox com mais elementos

'use client';

import { Copy } from 'lucide-react';
import { motion, useInView } from 'motion/react';
import { useRef } from 'react';

interface CopyCodeProps extends React.HTMLAttributes<HTMLDivElement> {}

export default function CopyCode({ ...props }: CopyCodeProps) {
	const background = '#09090B';
	const border = '#3B341F';
	const ref = useRef(null);
	const isInView = useInView(ref, { once: false, margin: '-100px' });
	
	return (

yarn add @motion/react

Apenas copie e cole os componentes
e use