Use click outside & noise & border trail & grid pattern

[damien-schneider]

This pull request introduces new hooks and creative effects, as well as updates to existing components and categories. The most important changes include adding a new useClickOutside hook, creating new animated and static noise components, and introducing a border trail effect.

New Hooks:

• Added useClickOutsideCategory to the hooks section (src/ui/cuicui/hooks/hooks.section.tsx, src/ui/cuicui/hooks/use-click-outside/category.use-click-outside.tsx) [1] [2] [3].
• Implemented the useOnClickOutside hook for detecting clicks outside a specified element (src/ui/cuicui/hooks/use-click-outside/use-click-outside.ts).

Creative Effects:

• Introduced AnimatedNoise and StaticNoise components for creative noise effects (src/ui/cuicui/other/creative-effects/animated-noise/animated-noise.tsx, src/ui/cuicui/other/creative-effects/animated-noise/component.animated-noise.tsx, src/ui/cuicui/other/creative-effects/animated-noise/preview.animated-noise.tsx, src/ui/cuicui/other/creative-effects/animated-noise/preview.static-noise.tsx, src/ui/cuicui/other/creative-effects/animated-noise/static-noise.tsx) [1] [2] [3] [4] [5].
• Added BorderTrail component for creating a border trail effect (src/ui/cuicui/other/creative-effects/border-trail/border-trail.tsx, src/ui/cuicui/other/creative-effects/border-trail/component.animated-noise.tsx, src/ui/cuicui/other/creative-effects/border-trail/preview.border-trail.tsx) [1] [2] [3].

Category Updates:

• Updated creativeEffectCategory to include new components (src/ui/cuicui/other/creative-effects/category.creative-effet.tsx) [1] [2].
• Added gridPatternComponent to the patterns category (src/ui/cuicui/other/patterns/grid-pattern/component.grid-pattern.tsx, src/ui/cuicui/other/patterns/grid-pattern/grid-pattern.tsx, src/ui/cuicui/other/patterns/patterns.category.tsx) [1] [2] [3] [4].

Tools:

• Introduced cssSelectorsCategory with a visual guide to CSS selectors (src/ui/cuicui/tools/css-selectors/category.css-selectors.tsx, src/ui/cuicui/tools/css-selectors/page.css-selectors.tsx) [1] [2].
• Added noiseGeneratorCategory for generating noise for creative projects (src/ui/cuicui/tools/noise-creator/category.noise-generator.tsx).

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
cuicui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 14, 2024 11:51pm