buttons.mdx

title	Buttons
description	Collection of Tailwindcss buttons with different styles and effects.

import { Button_v1 } from '@/components/buttons/button-v1'; import { Button_v2 } from '@/components/buttons/button-v2'; import { Button_v3 } from '@/components/buttons/button-v3'; import { Button_v4 } from '@/components/buttons/button-v4'; import { Button_v5 } from '@/components/buttons/button-v5'; import { Button_v6 } from '@/components/buttons/button-v6'; import { Button_v7 } from '@/components/buttons/button-v7'; import { Button_v8 } from '@/components/buttons/button-v8'; import { ComponentPreview } from '@/components/component-preview' import { FaCode } from 'react-icons/fa';

Variant 1 neubrutalism

Click me

Variant 2 shine

Hover me

Variant 3

Hover me

Variant 4

Hover me

Variant 5

Hover me

Variant 6

Hover me

Variant 7 Link

Hover me

Variant 8 Embossed

Make sure the background color in dark mode is set to #121212 to see the effect`.

Hover me Hover me