Skip to content
txbrendan/ui

Blocks

15 ready-made sections for your app. One install includes the components they use. The code is yours to edit.

  • 2 need you, 2 running.

    Needs you2

    Running2

    Done1

    Agent Inbox

    beta

    One calm list of background agent tasks, grouped into Needs you, Running, and Done, with filter tabs and live counts. A row opens to its last steps and the action its state needs.

  • Members

    Top countries

    Loading

    Choropleth Explorer

    beta

    A world map of one measure. Choose a country to see its states, provinces, or regions, with a breadcrumb back, a country search, a ranked list, and a tab per measure.

  • No projects yet

    Projects keep your tasks, files, and people in one place. Create one to get started, or bring yours over from another app.

    Empty State

    beta

    What a list, table, or page shows when it has nothing in it yet: an icon, a title, a short description, and one or two actions.

  • How is the new editor?

    One click. It shapes what we fix next.

    Feedback Banner

    beta

    A banner that asks one question with a few answer buttons, says thanks after an answer, and can be dismissed.

  • Set up your workspace

    Four steps, about five minutes. You can come back to this any time.

    2 of 4 done

    1. Add your name and photo (done)

    2. Invite your team (done)

    3. Connect your calendar (not done)

      Meetings show up next to your tasks, so you can plan around them.

    4. Create your first project (not done)

      A project keeps tasks, files, and people together.

    First Use

    beta

    A setup checklist for someone's first visit: steps with their actions, progress dots with a count, and a dismiss button.

  • Icon color

    Follows the original color.

    Calendar

    <Icon name="calendar" />

    44 icons · Your colors stay selected between collections.

    Interface Icon Library

    beta

    Browse outline, dither, and spot icons. Choose artwork colors and copy or download the result.

  • Payments Globe

    beta

    A dotted globe you can spin, with payments flying home from their cities as arcs, a rolling total, a top-cities list to pick from, a day you can replay, and a live mode.

  • Pixel Icon Library

    beta

    Browse 300 retro pixel icons, filter by category, copy SVG or JSX, and download individual files or the complete ZIP.

  • Project Views

    beta

    Shows one set of projects as a Board, a List, or a Timeline, switched by tabs, with search, filters, and a sheet for each project. The name column stays still between List and Timeline, and only the dates side changes.

  • Scoreboard

    beta

    A ballpark scoreboard on a dark green board: the line score across the top, then the count, both batting orders, the umpires, and other games around the league.

  • Settings Panel

    beta

    A card of labeled settings rows, with switches, text fields, and selects, and a Save button that shows saving, saved, and errors.

  • Solid Icon Library

    beta

    Browse 24 solid icons, choose a color, copy SVG or React usage, and download individual SVGs.

  • Stats Cards

    beta

    A row of stat cards, each with a label, a value, and an optional change badge, with loading and empty states.

  • SVG Icon Library

    beta

    Search and filter an SVG collection, preview icons, copy their markup, and download individual files or a prepared ZIP.

  • Task Inbox

    beta

    One calm list of tasks, grouped into Needs you, Running, and Done, with filter tabs and live counts. Use it for approvals, requests, and background jobs. A row opens to its last steps and the action its state needs.