CodeWorks UI
A Shadcn registry of Svelte components.
Registry
Components
Aura
Wraps content in an animated luminous aura with color, material, size, and speed variants.
Chat
A composable chat interface with aligned messages, message content, and an accessible composer.
Code
Syntax-highlighted code display with Svelte support and one-click copying.
Context Menu
A composable context menu opened by right-clicking on desktop or long-pressing on mobile, with nested submenus, selectable items, shortcuts, and icon-friendly actions.
Error
A polished SvelteKit error-page presentation with status-aware messaging, recovery actions, and custom content.
File Dropzone
A drag-and-drop file manager with renaming, removal, validation, native form support, and callback-driven upload progress.
Holographic
Applies an animated holographic spectrum and shimmer over any content.
Install
A persistent package-manager switcher for installation commands.
Mention Input
A customizable mention-aware textarea with keyboard suggestions, multiple triggers, and application-defined mention actions.
Navbar
A responsive navigation bar with shadcn Popover subroutes and an automatic Sheet menu on mobile.
Navigation Progress
A lifecycle-aware progress bar for SvelteKit navigation with top and bottom placement.
Phone Input
A phone field with accessible E.164 validation for messaging providers such as AWS.
Stat
Displays related numbers and supporting data in composable horizontal, vertical, or responsive blocks.
Steps
Shows progress through a sequence with composable steps, states, colors, and responsive orientations.
Tooltip
Displays concise contextual information on hover, keyboard focus, or touch-friendly tap.
Typewriter
Animates a string or sequence of strings as inline text when it first enters the viewport.