SmartCamp AI

title

description

✨ badges.glassMorphism
🌿 badges.jungleTech
🎨 badges.designSystem

📝 column1.title

column1.subtitle

column1.component

column1.textInputs.title

column1.textInputs.badge

column1.textInputs.emailSpec

column1.textInputs.numberSpec

column1.textInputs.textSpec

column1.textarea.title

column1.textarea.badge

column1.textarea.spec

column1.select.title

column1.select.badge

column1.select.modelSpec

column1.select.featuresSpec

column1.datePicker.title

column1.datePicker.badge

column1.datePicker.singleSpec

column1.datePicker.rangeSpec

🎨 column1.specs.title
  • • column1.specs.height
  • • column1.specs.border
  • • column1.specs.background
  • • column1.specs.backdrop
  • • column1.specs.radius
  • • column1.specs.focus
  • • column1.specs.placeholder

🎮 column2.title

column2.subtitle

column2.component

column2.sliders.title

column2.sliders.badge
🍌
5 column2.sliders.performanceMin50 column2.sliders.performanceMax

column2.sliders.performanceSpec

🍌
4 column2.sliders.memoryMin64 column2.sliders.memoryMax
🍌
1 column2.sliders.cpuMin32 column2.sliders.cpuMax

column2.radioGroups.title

column2.radioGroups.badge

column2.radioGroups.deploymentSpec

column2.radioGroups.prioritySpec

column2.toggles.title

column2.toggles.badge

column2.toggles.spec

column2.buttons.title

column2.buttons.badge

column2.buttons.jungleLabel

column2.buttons.jungleSpec

column2.buttons.outlineLabel

column2.buttons.outlineSpec

column2.buttons.otherLabel

🎨 column2.specs.title
  • • column2.specs.sliderTrack
  • • column2.specs.sliderThumb
  • • column2.specs.radio
  • • column2.specs.toggle
  • • column2.specs.checkbox
  • • column2.specs.buttonHover

🎨 column3.title

column3.subtitle

column3.component

column3.typography.title

column3.typography.badge

column3.typography.h1

column3.typography.h1Spec

column3.typography.h2

column3.typography.h2Spec

column3.typography.h3

column3.typography.h3Spec

column3.typography.body

column3.typography.bodySpec

column3.typography.small

column3.typography.smallSpec

column3.fontWeights.title

column3.fontWeights.badge
column3.fontWeights.lightfont-light
column3.fontWeights.regularfont-normal
column3.fontWeights.mediumfont-medium
column3.fontWeights.semiboldfont-semibold
column3.fontWeights.boldfont-bold

column3.colors.title

column3.colors.badge
column3.colors.emerald500

#10b981

column3.colors.emerald600

#059669

column3.colors.surface

white/20

column3.colors.background

white/10

column3.colors.gradient

from-emerald-500 to-green-600

column3.spacing.title

column3.spacing.badge
2 (8px)space-2
4 (16px)space-4
6 (24px)space-6
8 (32px)space-8

column3.borderRadius.title

column3.borderRadius.badge
rounded-sm

2px

rounded-md

6px

rounded-lg

8px

rounded-full

9999px

column3.glassMorphism.title

column3.glassMorphism.badge

column3.glassMorphism.standard

bg-white/15 backdrop-blur
border border-white/20

column3.glassMorphism.subtle

bg-white/10 backdrop-blur
border border-white/15
📚 column3.cssSpecs.title
column3.cssSpecs.colorsTitle
--foreground: #ffffff
--background: transparent
--card: rgba(255, 255, 255, 0.15)
--border: rgba(255, 255, 255, 0.2)
column3.cssSpecs.effectsTitle
backdrop-filter: blur(10px)
box-shadow: 0 1px 3px rgba(0,0,0,0.1)
column3.cssSpecs.transitionsTitle
column3.cssSpecs.standardTransition
column3.cssSpecs.hoverTransition

footer.title - footer.subtitle

🎨 footer.glassMorphism•🌿 footer.jungleBackground•✨ footer.interactiveComponents