27 components · MIT core

Add a component
own the source.

Fasla is a React component library from Smicolon GmbH, built on shadcn/ui primitives. The CLI copies a component's source into your project — you own it, you edit it, there is no black box to fight.

Read the docs
terminal~/your-app
$ npx fasla-ui add button
✓ registry resolved
✓ button.tsx → components/ui
✓ cva + tailwind-merge wired
$
components/ui/button.tsx — yours
const buttonVariants = cva(
"inline-flex items-center…",
{ variants: { variant, size } }
)

edit it · rename it · delete it

27
components across primitives, blocks and effects
MIT
licensed core, no runtime lock-in
0
required runtime deps beyond your own React
DE
Built in Germany by Smicolon GmbH

What is in the registry

Three categories, one install path. Every component ships its loading, empty, error and disabled states.

UI primitives

12

Button, Input, Card, Badge, Skeleton, Avatar, Checkbox, Switch, Select, Combobox, Tabs, Textarea.

Browse

Blocks

8

AppShell, PageHeader, EmptyState, Sidebar, Navbar, StatsCard, DataTable, FormSection.

Browse

Effects

7

ShimmerButton, AnimatedGradient, TextReveal, BorderBeam, Spotlight, GlowCard, TypewriterText.

Browse

What you get either way

Accessible by default

Keyboard navigation and screen reader support are built in. Icon-only buttons carry an aria-label; focus styles stay visible.

Reduced motion respected

Every animation reads prefers-reduced-motion from the shared motion presets. No opt-in required.

TypeScript throughout

Typed props and variants, so autocomplete works the moment a component lands in your project.

Semantic tokens

Colours come from CSS variables and the Tailwind theme. Retheme the set by editing tokens, not components.

Three density profiles

Compact, comfortable and spacious, so the same components suit a dense console and a marketing page.

Yours after install

The CLI copies source, not a dependency. Nothing stops you rewriting a component the day after you add it.