cronixui 1.1.4

CronixUI - A dark-themed UI toolkit with crimson accents and Outfit typography

CronixUI Python Package

A dark-themed UI toolkit with crimson accents and Outfit typography. Part of the CronixUI multi-platform design system.

Installation

pip install cronixui

Quick Start

from cronixui import Button, Card, Toast, Badge
from cronixui.tokens import BG, ACCENT, TEXT

# Create a button
btn = Button("Click me", variant="primary")
print(btn.render_html())
# <button class="cn-btn cn-btn-primary">Click me</button>

# Create a card
card = Card(title="My Card", body="Card content")
print(card.render_html())
# <div class="cn-card">...</div>

# Show a toast
toast = Toast.success("Operation completed!")
print(toast.message)  # Operation completed!

# Use a badge
badge = Badge("New", variant="success")
print(badge.render_html())
# <span class="cn-badge cn-badge-success">New</span>

Available Components

All components generate HTML strings and work without a browser:

• Button - Buttons with variants (primary, ghost, outline, danger, success)
• Card - Card containers with header, body, footer
• Badge - Status badges with semantic colors
• Avatar - User avatars with initials
• Toast - Toast notification data
• Alert - Alert messages with variants
• Progress - Progress bars
• Table - Data tables
• List - Lists with icons and actions
• Form - Form inputs (Input, Textarea, Select, Checkbox, Radio, etc.)
• Layout - Layout components (Header, Sidebar, Footer, Container)
• Tabs - Tab navigation
• Accordion - Collapsible sections
• Modal - Modal dialogs
• Dropdown - Dropdown menus
• Nav - Navigation bars
• Pagination - Pagination controls
• CommandPalette - Command palette data
• Search - Search component data

Design Tokens

from cronixui.tokens import BG, ACCENT, TEXT, typography, spacing

print(BG.hex)      # #0a0a0a
print(ACCENT.rgb)  # (107, 35, 35)
print(typography.lg)  # 16
print(spacing.space_4)  # 16

Other Platforms

CronixUI is also available for:

Platform	Install
JavaScript/TypeScript	npm install cronixui
React	npm install cronixui
Vue	npm install cronixui
Svelte	npm install cronixui
Solid	npm install cronixui
Go	go get github.com/CazyUndee/CronixUI/packages/go/cronixui
Rust	cronixui = "1.1.2"
Flutter	GitHub URL in pubspec.yaml

License

GPL 3.0