syntaxui
syntaxui copied to clipboard
feat: Glassmorphism Button
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 buildand build is successful - [x] I have added necessary documentation (if applicable)
- [x] I have updated the credits.md file (if applicable)
@epoll31 is attempting to deploy a commit to the SyntaxUI Team on Vercel.
A member of the Team first needs to authorize it.
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 |