Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add Interactive Grid Pattern component #480

Merged

Conversation

h3rmel
Copy link
Contributor

@h3rmel h3rmel commented Dec 31, 2024

This merge request adds a new component to the Background session of MagicUI.

interactive-grid-pattern-clip.mov

Copy link

vercel bot commented Dec 31, 2024

@h3rmel is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

@itsarghyadas
Copy link
Collaborator

is there any performance issue you faced?

@h3rmel
Copy link
Contributor Author

h3rmel commented Jan 2, 2025

Hi @itsarghyadas, the component was created using SVG to prevent performance issues, runned some tests in the lighthouse in Desktop and Mobile and the performance seems good:

image
image

One thing that can be used to prevent performance issues when the grid is too big is using canvas instead of SVGs

@dillionverma dillionverma force-pushed the h3rmel/interactive-grid-background branch from c692a46 to 71c8f36 Compare January 4, 2025 20:29
@dillionverma dillionverma merged commit d861967 into magicuidesign:main Jan 4, 2025
3 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants