libraryget access

roblox ui library for ai agents

ask your ai for a shop. get a real one, built in studio.

1,400+ designer-made Roblox UI components in 12 styles. Connect penui to your AI and it builds finished shops, HUDs and battle passes straight into Roblox Studio.

start free browse the library

free plan with 3 packs works with Claude, Cursor, Windsurf and any MCP client

Real slots-anime components, placed at their stored offsetInParent.

the library

every piece a game needs,in every style you want.

Made by real UI designers. Your AI sticks to one pack per screen, so everything it builds looks like it belongs together.

        buttons
        —
        panels
        —
        tiles & slots
        —
        icons
        —
        headers
        —

        how it works

        three steps,no frames placed by hand.

        01

        connect penui

        Add one entry to your MCP config. Your AI can now search and see every component.

        • Claude Code
        • Claude Desktop
        • Cursor
        • Windsurf
        • ChatGPT
        • VS Code
        • GitHub Copilot
        • Gemini CLI
        • Cline
        • Zed

        02 → 03

        ask for a screen, watch it get built in studio

        Describe it in plain words. Your AI places the real pieces as a ScreenGui, one at a time. Text, colors and sizes stay editable.

        • no image uploads needed to start
        • scales to phones and any screen size
        • panels stretch without warping corners

        easy to edit

        not just pictures,real pieces your ai can rearrange.

        Every component arrives as an instance tree, not a flat PNG: separate images for background and buttons, live TextLabels on top, exact offsets for each. This is that tree. Click, drag, retype.

        get_component("slots-anime.slot-info") composite285×4158 children
        The Slot Info card from the Slots Anime pack, rebuilt from its real child images and live TextLabels, shown as the instance tree, properties and Luau an agent gets from the MCP.

        made of parts

        Each component is built from smaller pieces your AI can reuse on their own. Drag to look around the stack.

        text stays text

        Text stays editable, in the original font and colors. Your AI can write whatever your game needs. Type to try it.

        the math

        a ui artist charges per frame.penui charges per month.

        Count the frames your game needs: shop, inventory, settings, quests, rewards. Here is what that costs to commission, and what it costs to have your AI build it from the library.

        hire a ui artist

        $750

        30 frames × $25 per frame, design only

        • importing into Studio, scripting and animation usually billed extra
        • 50% upfront is common, revisions are capped
        • every new screen later is a new commission

        penui indie

        €19/mo

        every pack, 436 ready frames, your AI builds them in Studio

        • ≈ €0.63 per frame for 30 frames in one month
        • native Roblox instances: text, colors and size stay editable
        • cancel anytime, what you built stays in your game

          Artist rates are per frame as quoted on the Roblox DevForum and in UI designers’ public commission sheets (2021–2025): beginners around $5, experienced $20–40, studio level $60–70. A commissioned artist designs a look made for your game; penui frames come from ready-made packs. €19 ≈ $21. See every plan, Starter is free.

          the packs

          12 complete ui kits,pick the one that fits your game.

          Anime neon, stud textures, clean frames, battle passes. Each pack is a full set: screens, panels, buttons, slots and icons that match.

            see every component in the library

            stop placing frames by hand,let your ai build the ui

            Start free with 3 packs. Want the full library? Compare plans.

            or 

            { "mcpServers": { "penui": { "command": "node", "args": ["mcp/server.mjs"] } } }

            questions

            Which AI tools work?

            Any MCP-capable client: Claude Code, Claude Desktop, Cursor, Windsurf, Zed and others. The server speaks standard MCP over stdio and needs Node 20+.

            Do I need to upload images to Roblox?

            No, not to start. Your AI builds buttons, panels and bars from Roblox’s own parts. For the exact art, the images get uploaded once — your AI can do it with an Open Cloud key, or you can do it by hand.

            Does it hold up on phones and odd screen sizes?

            Yes. Screens scale to fit any device, and panels stretch without warping their corners.

            Can my AI change colors or text?

            Yes. Every piece stays editable — text, colors, size and position.

            Where do the designs come from?

            From Figma files made by UI designers, turned into Roblox-ready pieces. Check each pack’s license before you redistribute it.

            How much does it cost?

            Starter is free forever, with 3 packs. Paid plans unlock the whole library from €15/mo billed annually — see the full breakdown on the pricing page.