Waar dit vandaan komt

Registry van ruim 12.000 React-componenten en marketingblokken, shadcn-conventies. Categorieën: animated heroes, shaders, liquid & metal, backgrounds, gradients, footers, buttons, cards & grids, galleries & 3D, navigation, sign-in.

Eerste plek om te zoeken als je een specifiek effect met naam kent. Installeert direct via de shadcn-CLI.

150+ componenten in heldere groepen: special effects (animated beam, border beam, shine border, meteors, particles), text animations (typing, aurora, number ticker, morphing, hyper text), buttons (rainbow, shimmer, ripple), backgrounds (flickering grid, retro grid, ripple, dot pattern, light rays, noise).

De schoonste naamgeving van alle bibliotheken. Onze categorie-indeling leunt hierop.

Ruim 200 componenten, ambitieuzer en zwaarder: macbook scroll, 3D card effect, hero parallax, canvas reveal, sticky scroll reveal, tracing beam, world map, evervault card, vortex, wavy background, multi-step loader.

Voor de spectaculaire momenten. Let op de bundelgrootte: meerdere van deze componenten op één pagina kost je Lighthouse-score.

Geanimeerde, interactieve en volledig aanpasbare React-componenten, met veel aandacht voor tekst- en cursoreffecten.

Goede tweede bron als Magic UI net niet de juiste variant heeft.

Ruim 30 componenten bovenop Motion (voorheen Framer Motion): tekst-effecten, interactieve elementen, UI-animaties.

Als je toch al Motion in het project hebt. Kleinere, beter leesbare bouwstenen dan de grote bibliotheken.

Geanimeerde componenten en templates voor React en Tailwind, sterk in hover- en cursoreffecten.

Specifiek voor knop- en kaart-hovers.

shadcn-stijl marketingcomponenten met een eigen, wat rustiger handschrift.

Als Aceternity te luid is en Magic UI net te generiek.

150+ componenten en blokken met Tailwind en Motion, inclusief een reeks tekst-animaties en hover-effecten voor cards en buttons.

Vooral de tekst-animaties zijn de moeite waard.

Verzameling animaties, effecten en interacties om te kopiëren en plakken.

Bladeren als je nog niet weet wat je zoekt.

De animatiebibliotheek zelf, met documentatie over hover, layout animations, scroll-driven animatie en gesture-afhandeling.

Zodra CSS-keyframes niet meer volstaan. In dit lab bewust nog niet nodig geweest.

Kant-en-klare landingspagina's en geanimeerde backgrounds, gesorteerd op branche: agency, fashion, wellness, finance, cybersecurity, travel, ecommerce, SaaS, sports.

Branche-gerichte richting kiezen. De indeling per sector sluit aan op onze archetype-classificatie.

4.000+ website-secties uit levende sites, gefilterd op hero, feature, CTA, footer, testimonial, blog, logo, navbar, pricing, FAQ, team, contact, portfolio, product listing.

De beste bron als je één specifieke sectie moet ontwerpen. Filter op type, niet op merk.

5.000+ sectievoorbeelden uit de hoogste laag van het webdesign, dagelijks bijgewerkt.

Voor het bepalen van het ambitieniveau. Vaak WebGL-zwaar; wees eerlijk over wat we in de begroting kunnen bouwen.

2.500+ SaaS-landingspagina's, sorteerbaar op verdienmodel, paginatype, kleurpalet en hero-stijl. Losse secties: 135 hero-voorbeelden, 121 features-voorbeelden.

Voor bouwbot-achtige producten en alles wat een abonnement verkoopt.

Landingspagina's gecategoriseerd op branche, kleurpalet en layout, met een aparte sectie-index per type.

Vertrekpunt voor kleurpalet en toon bij een nieuw archetype.

288 landingspagina's uit negen schilderijen, negen motieven maal 32 stijlvariaties. Bayer-dithering in de browser, met cursor-reagerende verplaatsing.

Bewijs dat één systeem met een paar variabelen enorm veel verschillende looks oplevert. Het model achter onze stijlkiezer-module.

Onze eigen 25 sites, van raymarched nebulae tot variabele-font choreografie. Code staat lokaal in c:\Projects\fable-showcase.

Referentie voor hoever je kunt gaan zonder externe libraries. Bij twijfel over haalbaarheid: hier kijken.

Doorlopend bijgewerkte selectie van recent gelanceerde sites, veelal via Godly aangedragen.

Wekelijks doorbladeren om te zien wat er nú gebeurt. Blokkeert geautomatiseerd ophalen, dus met de hand kijken.

Dagelijkse jurering op design, usability, creativiteit en content.

Volume en breedte. Filter op branche om te zien wat de concurrentie van een klant doet.

Strengere selectie dan Awwwards: enkele sites per week, sterk in animatie en scroll-effecten.

Kwaliteit boven kwantiteit. Wat hier staat, staat er om een reden.

Handmatig samengesteld sinds 2010, consistent hoog niveau, minder gericht op spektakel.

Voor rustige, zakelijke klanten waar Awwwards te schreeuwerig is.

Richt zich op de details: page transitions, preloaders, section transitions, cursor interactions, card hovers, scroll animations, text reveals. Plus alle klassieke sectietypes en 21 branches.

Als de layout al staat en de site nog vlak aanvoelt. Dit is de bron voor de laatste tien procent.

Echte, uitgeleverde app- en web-interfaces per flow: onboarding, checkout, instellingen, lege staten.

Voor productschermen en beheerpanelen, niet voor marketingpagina's.