syntaxui icon indicating copy to clipboard operation
syntaxui copied to clipboard

feat: Glassmorphism Button

Open epoll31 opened this issue 1 year ago • 2 comments

Description

I added a glassmorphism button

Related Issue

Fixes #188

Proposed Changes

  • I added the new component to src/showcase/components/button/GlassmorphismButton.tsx
    • This implementation uses framer motion to make the animations smoother (which makes it look more like a 3d glass pane moving around)
  • I added a minimal docs page to src/app/(docs)/components/button/glassmorphism-button/page.mdx
  • I added the appropriate credit to credits.md
  • I added the button card to src/showcase/ui-group/ButtonCards.tsx

Screenshots

https://github.com/Ansub/SyntaxUI/assets/16091805/337c8225-3ba5-467e-924c-6650871e54e8

Checklist

Please check the boxes that apply:

  • [x] I have tested the changes locally
  • [x] I ran npm run build and build is successful
  • [x] I have added necessary documentation (if applicable)
  • [x] I have updated the credits.md file (if applicable)

epoll31 avatar May 14 '24 15:05 epoll31

@epoll31 is attempting to deploy a commit to the SyntaxUI Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar May 14 '24 15:05 vercel[bot]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
syntax-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 14, 2024 5:35pm

vercel[bot] avatar May 14 '24 17:05 vercel[bot]