CSS-tools
Genereer CSS die je zo in een stylesheet plakt, met een live preview en een Tailwind v4-vorm van elk resultaat. Tien generators, geen dependencies.
Box Shadow Generator
Bouw gelaagde CSS box-shadows met een live preview en herschikbare lagen, plus presets voor card, popover en modal en een Tailwind v4 arbitrary value.
Text Shadow Generator
Bouw CSS text shadows in lagen op live voorbeeldtekst, met presets voor neon, contour en retro en een WCAG-contrastwaarschuwing.
Border Radius Generator
Rond hoeken af met de volledige acht-waarden syntaxis, met preview op drie formaten tegelijk en de Tailwind v4-vorm ernaast.
Transform Generator
Bouw een CSS-transform met schuifregelaars voor translate, rotate, scale, skew en perspective, en zie de matrix3d waar de hele lijst toe samenvalt.
Filter Playground
Stapel CSS-filters in elke volgorde en zie hoe de volgorde het resultaat verandert, op een voorbeeldscène of op je eigen afbeelding, met een backdrop-filter schakelaar.
Glassmorphism Generator
Bouw een matglazen paneel over een drukke lichte of donkere scène, met de @supports fallback die de tekst leesbaar houdt zonder backdrop-filter.
Achtergrondpatronen
Acht herhalende patronen, volledig opgebouwd uit CSS-gradiënten: strepen, stippen, raster, ruitjespapier, isometrisch en meer. Geen afbeelding, geen request.
Loader Generator
Spinner, stippen, balken, pulse en skeleton loaders met de markup die ze nodig hebben, en een prefers-reduced-motion blok dat je niet uit kunt zetten.
Cubic Bezier Editor
Sleep een easing-curve, zie hem lopen naast ease, en kopieer hem als cubic-bezier of als de linear() vorm die een veer aankan.
Clip Path Generator
Sleep polygoonpunten op een levend voorbeeld, of gebruik circle, ellipse en inset, met tien presets en volledige toetsenbordbediening. Procenten, dus vormen schalen mee.
Wat er in deze categorie zit
Generatoren voor de CSS-waarden die lastig goed te krijgen zijn door er getallen in te typen. Beide schaduwtools bouwen hun waarde in lagen op tegen levende voorbeeldinhoud, zodat je offset, blur, spread en kleur verschuift en het resultaat meteen ziet in plaats van te herladen om erachter te komen.
Kopieer de waarde, niet een framework
Elke generator geeft platte CSS terug en een arbitrary value voor Tailwind v4. Er is geen bibliotheek om te installeren en geen klassenaam die alleen werkt binnen de build van iemand anders. Plak de property in een stylesheet, of de haakjesnotatie in een class-attribuut, en het werkt overal.