Video · 5 October 2026 · 1 min read

Four UI Kits to Give Your AI Agent

Abdul Osama (عبدول أسامة) recommends four UI component libraries to give an AI agent a starting point: Radix UI, Ark UI, Park UI and Ariakit. His approach is to build from existing components and examples, then adapt the colors and fonts to the project.

Key takeaways

Give an AI agent a component library as a reference instead of a blank design brief.
The four options are Radix UI, Ark UI, Park UI and Ariakit.
The video mentions React, Vue and Solid support for Ark UI.
Ariakit’s examples can provide a starting point for a UI customized with your colors and fonts.

Give your AI agent a UI component library to work from rather than asking it to invent an interface from scratch, suggests Abdul Osama (عبدول أسامة). Here, an AI agent is a coding assistant carrying out interface-building tasks; a UI kit or component library supplies reusable interface parts and examples.

“Give them to the AI agent so it can start making a good UI instead of inventing one based on your taste.” — Abdul Osama

The four options

| Library | Why he highlights it | |---|---| | Radix UI | An open-source React component library that prompted his search for other options. | | Ark UI | A component library he says works with React, Vue and Solid, with a somewhat different feel from Radix UI. | | Park UI | A component library whose professional look he associates with company sites or administrative software. | | Ariakit | An open-source component library he highlights for its many examples and components an agent can build on. |

He describes all four as open source and accessible. Treat those descriptions as a starting point: check the relevant license and test accessibility in the interface you actually build.

In numbers

4 libraries to explore.
3 frameworks mentioned for Ark UI: React, Vue and Solid.

What to do next

Look through the examples for the library that best fits your project. Give the AI agent the library name, the components you want it to use, and your preferred colors and fonts. Review its output before adopting it: a component library gives the agent a foundation, not a guarantee that the finished design meets your users’ needs.

Questions and answers

Which four UI libraries does the video name?

Radix UI, Ark UI, Park UI and Ariakit.

Why give an AI agent a UI library?

So it can work from existing components and examples rather than inventing the whole interface from scratch.

Which option does the video say supports React, Vue and Solid?

Ark UI.

Will a component library automatically produce a suitable design?

No. The video suggests adapting the colors and fonts; you should also review the resulting interface before using it.

Full transcript

جايب لك أربع UI Kits هيخلوا الAI Agent بتاعك يطلع شغل حلاوة والأحلى إنهم مش معروفين قوي أو ما كانوش معروفين قبل الفيديو ده وكلهم open source, accessible وتقدر تديهم للAI Agent بضغطة زر واحدة يبتدي يعمل لك UI حلو بدل ما يقعد يخترع في UI على زوقك إنت وبعدين تكتشف أنه زوقك يعني مش أعلى حاجة في الدنيا. على فكرة مش هقولهم بالترتيب وإنتوا عارفين أنا مش بخليكوا تستنوا للآخر عايز تستنى تستنى برحتك. الأربعة بترتيب random أول واحد Radix UI وده بصراحة اللي خلاني أعمل فيديو أصلا أنا كنت أتفرج على فيديو لفاوندر على طالع على Y Combinator اللي هو فاوندر Paper. Paper AI ده تول تصميم مكان فيجما كده للناس اللي عايزة تتزاين بالAI. المهم قالك إحنا قبل ما نعمل Paper كنا عاملين Radix دخلت بص إيه Radix دي لقيتها بقيت open source ومكتبة محترمة جداً وحلوة جداً ومش مشهورة. قلت أدور على إيه تاني اللي مش مشهور فلقيت أن في واحدة اسمها Arc UI كمان شبه Radix بس بزوق مختلف شوية والحلو فيها أنها مش بتشتغل React بس زي Radix. لا دي بتشتغل React وView وSolid. عندها components بصراحة زي Radix وقتر شوية مميزة ولذيذة خش بص عليها. التالتة بقى اسمها Park UI دي Professional قوي تحس أنها حزست بحديد كده. لشركة لمصنع لSoftware بتاع حسابات حاجة كده Professional يعني. بعدين الأخيرة لطيفة قوي برضو اسمها Aria Kit لقيتها في الآخر ودي ناس أقل بكتير بتتكلم عنها Online عموماً. مميزة Open Source Components والأمثلة فيها كتير والAgent بكل سهولة هيعرف يستخدم العضم بتاع الUI دوت ويعمل حاجة بألوانك وزوقك وفونتك الآخر. والخلاصة أسميهم Radix UI، Arc UI، Park UI وAria Kit. رد بأي تعليق وأبعتلك أسميهم والروابط بتاعتهم على الخاص. أنا عبدالقسامة تابعيني عشان تعرف كل جديد في الزكاة الصناعي والتسويق.

This text was written with AI from the video and may contain small transcription errors. · Markdown version

Watch next

Design Systems for Vibe Coding Projects

Abdul Osama (عبدول أسامة) says that asking an AI to make a project “look nice” leaves its visual direction too vague. He recommends specifying a design system, color palette, and visual brand, and names five open-source options to try in vibe coding projects.

5 October 2026 · 2 min read

What is the bilya.ai Arabic AI agent idea?

Abdul Osama (عبدول أسامة) proposes bilya.ai as a way to host an Arabic AI agent while giving users control over its context and files, including the ability to export it. He asks interested people to answer project questions and request early access; the video does not establish that the service is complete.

10 October 2026 · 2 min read

Will AI agents replace app interfaces?

Abdul Osama argues that AI agents could reduce the need to navigate app interfaces: a person states what they want, and an agent works across services on their behalf. His example is planning a summer trip with friends using information about the group and access to calendars, with the option to review the result.

5 October 2026 · 1 min read