Obsidian Layout

Dark mode bento grid with obsidian styling and glowing accents.

bentoobsidiandarkglow

Props

Customize the component with these props

PropertyTypeDefaultDescription
mainTitle
stringNeuralEngineMain title text (supports for line breaks).
mainIcon
React.ReactNodeMain icon component (optional).
mainDescription
stringProcessing matrix loaded.Main description text.
mainBars
number4Number of progress bars to display.
securityStatus
stringProtectedSecurity status text.
securityStatusText
stringProtectedSecurity status description.
stackLabel
stringStackStack section label.
performanceValue
string240hzPerformance value display.
coreLinkTitle
stringCore LinkCore link section title.
coreLinkDescription
stringEstablishing connection...Core link section description.
accentColor
stringindigoAccent color theme (Tailwind color name or hex).
gradientFrom
stringindigo-500Gradient start color (Tailwind color name).
gradientTo
stringpurple-600Gradient end color (Tailwind color name).
Obsidian Layout - Grids & Layouts Component | UILora