// Glassmorphism UI Kit
Glass Mint
Designsystem i Glass Mint-stil för AI-driven utveckling
25 kr
Engångsbetalning • Inkl. moms • Källkod ingår
- Komponenter
- 10 st
- Tech stack
- React, Tailwind CSS, Framer Motion, Lucide Icons, TypeScript, Inter Font
- Licens
- Kommersiell
- Leverans
- Direktåtkomst (zip + Git)
- Uppdaterad
z
Skapare
Om kit:et
Ett modernt UI Kit med Glass Mint-estetik. Innehåller färdiga komponenter för snabb prototypning och produktion.
Komponenter som ingår
Interaktiva knappar med frostad finish Glastransparenta navigeringsfält Datadrivna dashboardskort Formulär med blur-effekt Modala dialogrutor Status-pillers och badges Användarprofiler Responsiva sidomenyer Aktivitetsflöden Notifikations-toasts
Funktioner
- Optimerad för Cursor och AI-kodning
- Fullt responsivt ramverk
- Mörkt och ljust läge med glaseffekt
- WCAG AA-godkänd kontrast
- Färdiga Tailwind CSS-variabler
- Animerade mikrointeraktioner
När passar kit:et?
saas dashboard landing-page portfolio mobile-app
Tech stack
React Tailwind CSS Framer Motion Lucide Icons TypeScript Inter Font
Så använder du kit:et
- 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.
- 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.
- 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.
- 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 instrumentpanel för en analysplattform i Glass Mint-stil. Använd 'backdrop-blur-lg' och semitransparenta vita bakgrunder med en tunn mintgrön kantlinje för alla kort. Integrera grafer i 'Emerald Glow'-färg och se till att alla knappar har en mjuk hover-effekt som förstärker glas-känslan enligt detta UI-kit.
Vanliga frågor
Vad innehåller Glass Mint?
Glass Mint innehåller 10 komponenter inklusive Interaktiva knappar med frostad finish, Glastransparenta navigeringsfält, Datadrivna dashboardskort, Formulär med blur-effekt och mer.
Vilken teknik bygger kit:et på?
Glass Mint är byggt med React, Tailwind CSS, Framer Motion, Lucide Icons, TypeScript, Inter Font.
Ä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.
