NeoBr-UI Builder

Use @neobr/svelte as the UI layer for Svelte 5 apps. Prefer existing NeoBr-UI components before writing custom markup.

First Checks

• Confirm the app uses Svelte 5 and Tailwind CSS v4.
• If styles are missing, use the neobr-ui-theming skill instead of guessing.
• Import components from @neobr/svelte for convenience, or from subpaths like @neobr/svelte/button when the user cares about smaller imports.

Component Choices

• Actions: Button, Link, Toggle, ToggleGroup.
• Forms: Form, FormItem, FormLabel, FormDescription, FormMessage, Input, Textarea, Checkbox, RadioGroup, Slider, Switch, Select, DatePicker, Calendar.
• Feedback: Alert, Badge, Loading, Progress, Skeleton, toast, Toaster, ErrorBoundary.
• Layout: Card, Separator, AspectRatio, BentoGrid, Window, ScrollArea.
• Overlays: Modal, Sheet, DropdownMenu, Popover, Tooltip, Command.
• Navigation: Tabs, Pagination, Breadcrumbs, Accordion, Collapsible.
• Media and identity: Avatar, Icon, Sticker, Marquee.