Interactive Grid Pattern
A interactive background grid pattern made with SVGs, fully customizable.
Examples
API
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional classes for styling the component. |
squaresClassName | string | - | Additional classes for styling the squares. |
width | number | 40 | Width of the square in pixels. |
height | number | 40 | Height of the square in pixels. |
squares | [number, number] | [24, 24] | Number of squares in the grid pattern. |
Component Code
You can copy and paste the following code to create this component:
Credits
Input
A versatile and visually dynamic input field with radial hover effects, styled for modern web applications.
Interactive Hover Button
A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.