klocki · libraries
Magic UI · 76 efektów
Każdy efekt z magicui.design w produkcyjnym kontekście TerazStrona.pl — strona internetowa za 1499 zł, gotowa w 24h dzięki AI.
Components · 17
- AnimatedListLista z sekwencyjną animacją wejścia
- AvatarCirclesNakładające się kółka avatarów
- BentoGridLayout bento do showcasowania features
- ClientTweetCardClient-side tweet card
- DockmacOS-style dock z animacją hover
- DottedMapInteraktywna mapa dot-style
- GlobeAuto-rotating 3D globe
- HeroVideoDialogHero z video dialog
- IconCloudInteraktywny 3D tag cloud
- LensZoom-on-hover dla obrazów
- MarqueeInfinite scrolling content
- OrbitingCirclesCircles na orbitalnym path
- PointerCustom pointer na hover
- ProgressiveBlurBlur gradient sygnalizujący więcej contentu
- SmoothCursorPhysics-based smooth cursor
- TerminalAnimowany terminal output
- TweetCardKarta tweeta z autorem i avatarem
Special Effects · 9
- AnimatedBeamBeam światła wzdłuż path
- AnimatedThemeTogglerAnimowane przełączanie theme
- BorderBeamBeam światła wzdłuż border
- ConfettiConfetti animations
- GlareHoverGlare/light streak na hover
- MagicCardSpotlight śledzący kursor
- MeteorsMeteor shower background
- ParticlesParticles dla interaktywności
- ShineBorderAnimated background border
Animations · 1
Text Animations · 19
- AnimatedGradientTextAnimated gradient pod tekstem
- AnimatedShinyTextLight glare przez tekst
- AuroraTextAurora/zorza polarna text effect
- DiaTextRevealDia-style line/word reveal
- HighlighterMarker stroke highlight
- HyperTextLitery scramble przed reveal
- KineticTextAnimowany font-weight on hover
- LineShadowTextTekst z moving line shadow
- MorphingTextMorfowanie między stringami
- NumberTickerAnimowany counter up/down
- ScrollBasedVelocityTekst z prędkością scroll
- SparklesTextSparkles dookoła tekstu
- SpinningTextTekst po circular path
- Text3dFlip3D flip między wartościami
- TextAnimateGeneric text animator
- TextRevealFade-in tekstu on scroll
- TypingAnimationTyped character-by-character
- VideoTextTekst jako mask nad video
- WordRotateVertical rotation słów
Device Mocks · 3
Buttons · 3
Backgrounds · 11
- AnimatedGridPatternAnimowany SVG grid
- DotPatternStatic dot pattern
- FlickeringGridGrid z flickering cells
- GridPatternStatic grid background
- HexagonPatternHexagon honeycomb pattern
- InteractiveGridPatternGrid reagujący na hover
- LightRaysAnimowane light rays
- NoiseTextureNoise/grain overlay
- RetroGridSynthwave perspective grid
- RippleRipple animation
- StripedPatternDiagonal/horizontal stripes
Community · 13
- AnimatedCircularProgressBarCircular gauge z animacją %
- BacklightSoft glowing backlight
- CodeComparisonSide-by-side code diff
- ComicTextComic / pop-art text
- CoolModeCool mode click effect
- FileTreeFolder/file tree showcase
- InteractiveHoverButtonButton z hover transitions
- NeonGradientCardNeon glow card
- PixelImagePixelated retro aesthetic
- PulsatingButtonPulsating attention button
- ScrollProgressPage scroll progress bar
- ShinyButtonShiny button dark/light
- WarpBackgroundTime-warping background