Appica

Open-source UI library for React.
free, polished components built for humans and AI agents.
Ship more. Save time. Burn fewer tokens.

[Appica @Appica_dev]

Appica UI is out ✨
A free, open-source component library for React — designed by humans, built for AI-powered apps.

- Components: 60+ production-ready, from buttons to data tables.
- Accessibility: keyboard nav, focus states, screen readers by default.
- Theming: CSS variables + Tailwind, customize in minutes.
- TypeScript: strict types, your editor knows every prop.
- Motion: polished microinteractions, reduced-motion respected.
- Performance: tree-shakeable, ship only what you render.
- AI: llms.txt + every docs page as Markdown.
- RTL: mirrors correctly out of the box.
- Figma: free library, same variables and components.

Free for everyone. From day one.
https://t.co/Q1SaZpotfq

[Appica @Appica_dev]

@MatthewVolonni1 Got it, thanks Matthew! We'll take a look

[Appica @Appica_dev]

18 days since Appica UI went public.

- 113 stars, 7 forks on GitHub
- 867 weekly npm downloads
- 36 countries in the docs traffic
Thank you. Every star, issue and reply helps us understand what to build next.

https://t.co/nXE0f6o4zm

[Appica @Appica_dev]

@MatthewVolonni1 Thanks for catching that! Could you please open a GitHub issue and attach a screen recording? We’re collecting feedback for the next update, and it’ll help us investigate and fix the issue. Thanks!

[Appica @Appica_dev]

@LolingVerse @source Really valuable feedback, thank you. You're right - plain docs aren't a harness.
We're going to improve the agent side step by step, starting with the next update.

[Appica @Appica_dev]

React UI without the maintenance headaches: 60+ polished components as a real npm package — accessible, themeable, TypeScript-strict, AI-agent ready.

Free forever. MIT.
https://t.co/nXE0f6o4zm

[Appica @Appica_dev]

@MatthewVolonni1 Thank you so much, Matthew! That's really nice to hear - we spent a lot of time getting the animations right 🙂

[Appica @Appica_dev]

Really appreciate this feedback.

Two quick questions so we can fix the right thing:
1. Did you point the agent at https://t.co/c9ImKFRPTN / llms-full.txt, or did you let it browse the docs site directly?
2. Was your Tailwind v4 @source line set up before the agent started? If the components render unstyled, agents "fix" it by writing their own CSS — that's the fastest path to slop, and it's on my docs, not you.

[Appica @Appica_dev]

@darkzOGx Appreciate it! 🙂

[Appica @Appica_dev]

@BodyaNets Thanks Bohdan! Give it a spin, curious what you think.

[Appica @Appica_dev]

@moxypixy15683 Thanks! Glad it lands.

[Appica @Appica_dev]

@Xreals45K Appreciate it! 🙂

[Appica @Appica_dev]

Motion is built in.

Appica UI ships with polished animation - no config. Just import and it moves.

Countdown. Bar & dot loaders. Spinner - all in dark mode this time.
Reduced-motion respected out of the box.

60+ free components → https://t.co/9WrjoTNt8S

[Appica @Appica_dev]

@sdjn_wgc 欢迎! Hope you enjoy it 🙂

[Appica @Appica_dev]

@Ruick483951 谢谢! Thank you so much! Minimal on the surface, a lot of care underneath 🙂

[Appica @Appica_dev]

@sebbz__ Thank you, Sebastián! 🙂

[Appica @Appica_dev]

Boring UI is a choice.

Every Appica UI component responds when you touch it - microinteractions and motion that make the interface feel tactile, not static.

Checkbox. Switch. Slider. Number field. Live form validation.

60+ free components, built on Base UI. Reduced-motion always respected.
→ https://t.co/AfdBVbz4iU

[Appica @Appica_dev]

Makes sense! Tailwind's a deliberate choice for us, not an accident - we wrote up why we ship source instead of prebuilt CSS here: https://t.co/WiRfCZ9XCs

That said, since our design tokens (colors, fonts, radii, shadows) are all CSS variables, a prebuilt CSS option for non-Tailwind folks is something we might add down the line - tokens would stay overridable either way. Not moving off Tailwind though, it stays the foundation 🙂

[Appica @Appica_dev]

@TotalWorldApps Thanks, glad you like it! FYI the seven sizes are just presets. Any custom size works via the size prop, and the badge scales with it automatically.
https://t.co/eMC4QxRWn8

[Appica @Appica_dev]

Avatars sound simple — until you need sizes, shapes, fallbacks and status badges.

In the Appica UI Playground: 7 sizes, circle or rounded, image / initials / icon, status dots that pulse. Tweak it live, copy the code.

https://t.co/2JRqTpdt8h

[Appica @Appica_dev]

One component, 7 text effects:

typewriter · scramble · rise · highlight · wave · flip · shimmer

Type your own text in the Appica UI Playground, split by char / word / line, set the speed — then copy the snippet.

One component a day. Follow along.

https://t.co/FZaxE94kMX