button-active

ui-layouts-aiveilix/button-active

FreeComponent

ui-layouts publishes no description for this item.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/jutt313/AIVEILIX-old/main/for ui/apps/ui-layout/public/r/button-active.json

Source

./registry/components/button/btn-active.tsxraw.githubusercontent.com/jutt313/AIVEILIX-old/main/for ui/apps/ui-layout/public/r/button-active.json

1import React from 'react';
2
3function ButtonActive() {
4  return (
5    <>
6      <button className='group relative inline-flex h-12 items-center justify-center overflow-hidden rounded-md  bg-linear-to-r dark:from-[#070e41] dark:to-[#263381] from-[#f6f7ff] to-[#f5f6ff] dark:border-[rgb(76_100_255)] border-2 border-[#263381]  bg-transparent px-6 font-medium dark:text-white text-black transition-all duration-100 hover:[box-shadow:5px_5px_rgb(38_51_129)] translate-x-[3px] hover:translate-x-[0px] translate-y-[3px] hover:translate-y-[0px]   [box-shadow:0px_0px_rgb(38_51_129)] dark:hover:[box-shadow:5px_5px_rgb(76_100_255)]dark:active:[box-shadow:0px_0px_rgb(76_100_255)] active:[box-shadow:0px_0px_rgb(38_51_129)] active:translate-y-[3px] active:translate-x-[3px]'>
7        Contact me
8      </button>
9    </>
10  );
11}
12
13export default ButtonActive;

Files it writes

./registry/components/button/btn-active.tsx

More from ui-layouts

All 230 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
3d-marquee3d-marquee	ui-layouts	Components	Free	no deps · 2 files
accordionaccordion	ui-layouts	Components	Free	no deps
align-slideralign-slider	ui-layouts	Components	Free	6 deps · 2 files
animal-imagemaskinganimal-imagemasking	ui-layouts	Components	Free	1 dep
animated-beamanimated-beam	ui-layouts	Components	Free	no deps
animated-beam-bidirectionalanimated-beam-bidirectional	ui-layouts	Components	Free	no deps
animated-beam-defaultanimated-beam-default	ui-layouts	Components	Free	no deps
animated-beam-multiple-inputanimated-beam-multiple-input	ui-layouts	Components	Free	no deps