Back '/%3e%3cpath%20d='M63.7076%20110.284C60.8481%20113.885%2055.0502%20111.912%2054.9813%20107.314L53.9738%2040.0627L99.1935%2040.0627C107.384%2040.0627%20111.952%2049.5228%20106.859%2055.9374L63.7076%20110.284Z'%20fill='url(%23paint1_linear)'%20fill-opacity='0.2'/%3e%3cpath%20d='M45.317%202.07103C48.1765%20-1.53037%2053.9745%200.442937%2054.0434%205.041L54.4849%2072.2922H9.83113C1.64038%2072.2922%20-2.92775%2062.8321%202.1655%2056.4175L45.317%202.07103Z'%20fill='%233ECF8E'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='53.9738'%20y1='54.974'%20x2='94.1635'%20y2='71.8295'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23249361'/%3e%3cstop%20offset='1'%20stop-color='%233ECF8E'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear'%20x1='36.1558'%20y1='30.578'%20x2='54.4844'%20y2='65.0806'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Supabase 
Svelte
Magic Card
A spotlight effect that follows your mouse cursor and highlights borders on hover.
Tailwind CSS Svelte-Motion
Supabase
Svelte MagicCardExample.svelte
Loading...
Original Component
Magic Card
Component Usage
Copy the below component code and paste it. Checkout Above Example for Usage
MagicCard.svelte
Loading...