Abdullaa UI Kits
Get in touch
What's insideAI workflowRoadmapFAQGet in touch
In development

A clearer starting point for your next interface.

Abdullaa UI Kits is an in-development collection of reusable interface components and design foundations for designers, developers and small product teams. Today, you can explore the direction and illustrative previews here; the downloadable kit and AI assistant are planned.

Get in touch Explore what's inside
ComponentsReusable pieces for everyday product work
PatternsFlows that fit together as a whole
Design tokensColour, type and spacing defined once
AccessibilityFocus, contrast and motion considered
What's inside

Foundations for the first mile.

The kit is being built in layers — from the smallest controls up to full patterns and the tokens that keep everything consistent.

Illustrative component previewPrimary actionSecondary[email protected]

Components

Buttons, inputs, cards, tables and the small pieces every interface needs.

Illustrative component preview

Patterns

Navigation, authentication and dashboard structures that hold together.

Illustrative component previewAaTitleBody

Design tokens

Colour, type scale, spacing and radius defined once, then reused everywhere.

Illustrative component previewFocusDisabled

States & accessibility

Focus, disabled, error and reduced-motion behaviour treated as first-class states.

Planned AI workflow

From a brief to a considered first pass.

The assistant is planned, not live. It is designed to support a designer's judgement, never to replace it.

Illustrative example

What this step could look like.

Planned, not live
Context

I’m designing onboarding for a budgeting app aimed at first-time users.

Possible direction

Clarify the first-use moment, the user’s goal and the minimum information needed to create confidence.

First-use goalUser constraintSuccess moment
Start with the product context, not a blank canvas.

How the Claude API would be used

We plan to use the Claude API to interpret product briefs and generate structured recommendations for screen flows, component selection and interface copy. Recommendations would draw on the component library as context, designers would review and edit the output, and we would evaluate relevance, consistency and quality as the feature develops.

This integration is planned and has not been implemented yet.

Roadmap

Where the project is today.

Explore the direction and previews that exist today, then see what is still being built. No public download, sample kit or launch date is promised here.

Available now
  • This overview page
  • Interactive workflow preview
  • Illustrative component previews
In development
  • Reusable UI kit components
  • Patterns and layout structures
  • Design tokens and documentation
Planned
  • Brief-to-recommendation assistant
  • Component and copy suggestions
  • Evaluation of output quality
Who is building it

Built by a working UI/UX designer.

Abdullaa UI Kits is an independent project by Muhammad Abdullah, a UI/UX designer. It comes out of the repeated work of starting an interface from nothing, and the question of how good foundations and thoughtful AI assistance could make that first stage clearer.

Started October 2025Based in Islamabad, Pakistan
Portfolio LinkedIn [email protected]
FAQ

Clear answers, for now.

What is Abdullaa UI Kits?

An in-development collection of reusable interface components and design foundations, with a planned AI assistant that helps turn a product brief into a practical first pass.

Who is it for?

Independent UI/UX designers, developers building product interfaces, and small teams working on an MVP or an early product surface.

What is available today?

Visitors can read the product direction and explore the interactive, illustrative previews on this page. There is no public download, sample kit, working prototype or waitlist yet.

Are the AI features live?

No. The assistant is planned, not implemented. Nothing on this page simulates a live AI response or claims an existing integration.

How will Claude be used?

We plan to use the Claude API to interpret product briefs and generate structured recommendations for screen flows, component selection and interface copy. Recommendations would use the component library as context, and designers would review and edit every suggestion.

How can I follow the project?

Email [email protected] to ask about the direction or future access. There is no active waitlist yet.

Currently in development

Want to follow along?

Ask about the direction, or register interest in early access.

Get in touch