Hoppa till innehåll
Glass Sand – Glassmorphism UI Kit
Glass Sand – skärmbild 2
Glass Sand – skärmbild 3
// FÄRGPALETT
Sandy Beige bakgrund D4CFC4
Glassy White ytan FFFFFF
Soft Blue accent A8D4E0
Pine Green text 4F8A8B
Coral Red button F8786A
// Glassmorphism UI Kit

Glass Sand

Designsystem i Glass Sand-stil för AI-driven utveckling

25 kr

Engångsbetalning • Inkl. moms • Källkod ingår

Komponenter
5 st
Tech stack
React, Tailwind CSS, Vue.js, Figma
Licens
Kommersiell
Leverans
Direktåtkomst (zip + Git)
Uppdaterad

Om kit:et

Ett modernt UI Kit med Glass Sand-estetik. Innehåller färdiga komponenter för snabb prototypning och produktion.

Komponenter som ingår

knappar kort modaler listrutor formulär

Funktioner

  • responsiv design
  • interaktiva element
  • anpassningsbara komponenter
  • animationsstöd
  • ljusa och mörka teman

När passar kit:et?

dashboard admin landing-page portfolio marketing-site

Tech stack

React Tailwind CSS Vue.js Figma

Så använder du kit:et

  1. Steg 01

    Ladda ner

    Logga in på ZORC och hämta zip-filen från dina köp. All källkod och dokumentation finns med.

  2. Steg 02

    Kopiera in i ditt projekt

    Lägg mappen components/ i ditt projekt — eller installera via package.json om kit:et är paketerat för NPM.

  3. Steg 03

    Koppla design tokens

    Mappen tokens/ har färger, typografi och spacing som du lägger till i din Tailwind-config eller som CSS-variabler.

  4. Steg 04

    Börja bygga

    Importera komponenterna och använd dem direkt. Varje komponent har exempel, props och varianter i dokumentationen.

Exempelprompt för AI

Skapa en informativ dashboard med 'Glass Sand'-kit. Använd kort och listrutor för att presentera data tydligt.

Vanliga frågor

Vad innehåller Glass Sand?
Glass Sand innehåller 5 komponenter inklusive knappar, kort, modaler, listrutor och mer.
Vilken teknik bygger kit:et på?
Glass Sand är byggt med React, Tailwind CSS, Vue.js, Figma.
Är komponenterna tillgängliga?
Ja. De följer WCAG 2.1 AA där innehållet tillåter — fokusring, tangentbord, ARIA och kontraster.
Vilken licens får jag?
Kommersiell. Du får använda komponenterna i din organisations betalda projekt. Det enda du inte får är att sälja vidare själva kit:et.
Hur kommer jag igång?
Kopiera in mappen components/, lägg till design tokens och börja bygga. En komplett guide följer med.
Får jag uppdateringar?
Ja. Alla framtida versioner är inkluderade utan extra kostnad så länge kit:et finns kvar i sortimentet.
// Andra UI kits

Fler kits från ZORC