Maya Okafor
Founder & CEO
Lagos, NG
beUI Pro for mobile is live — 50 React Native blocks and screens
Team
4 variants
Premium team blocks: a responsive member grid with hover-reveal socials and lift, and an interactive expanding-panels gallery that grows the focused member to reveal their bio and links.
Expanding panels
team-panels.tsxAn interactive gallery where hovering a panel expands it to reveal the member's bio and links, while the others collapse.
Team
Meet the makers.
Hover or tap a panel to meet the people behind every component.
Sets the vision and keeps the bar high. Spent a decade leading design systems teams.
ProfileMaya Okafor
Founder & CEO
Dev Sharma
Head of Engineering
Lior Adler
Design Lead
Ana Ruiz
Developer Advocate
Kenji Mori
Staff Engineer
TSXcomponents/previews/premium/team-panels-preview.tsx
"use client";
import { TeamPanels } from "@/components/premium/team";
export function TeamPanelsPreview() {
return (
<div className="w-full">
<TeamPanels />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
$ bunx --bun shadcn add @beui-pro/team-panels
Spotlight
team-spotlight.tsxA featured profile card (avatar, role, bio, links) that crossfades as you pick a face from the avatar rail below.
Team
The crew behind the craft.
Pick a face to meet the person behind the components.
Maya Okafor
Founder & CEO
Sets the vision and keeps the bar high. Led design systems teams for a decade before starting beUI.
TSXcomponents/previews/premium/team-spotlight-preview.tsx
"use client";
import { TeamSpotlight } from "@/components/premium/team";
export function TeamSpotlightPreview() {
return (
<div className="w-full">
<TeamSpotlight />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
$ bunx --bun shadcn add @beui-pro/team-spotlight
Team grid
team-grid.tsxA team grid with filter tabs and counts, portrait cards that warm on hover to reveal a bio and links, local times by location, and a closing hiring card.
Team
The people behind beUI.
A small, senior team obsessed with motion, craft, and developer experience.
8 people · 7 countries
Dev Sharma
Head of Engineering
Bengaluru, IN
Lior Adler
Design Lead
Tel Aviv, IL
Ana Ruiz
Developer Advocate
Madrid, ES
Kenji Mori
Staff Engineer
Tokyo, JP
Priya Nair
Product Manager
London, GB
Sam Cole
Motion Designer
Toronto, CA
Tariq Hassan
Infra Engineer
Toronto, CA
TSXcomponents/previews/premium/team-grid-preview.tsx
"use client";
import { TeamGrid } from "@/components/premium/team";
export function TeamGridPreview() {
return (
<div className="w-full">
<TeamGrid />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
$ bunx --bun shadcn add @beui-pro/team-grid
Team marquee
team-marquee.tsxTwo infinite rows of member chips scrolling in opposite directions, pausing on hover.
Team
The humans behindevery component.
A small, senior crew obsessed with motion, craft, and developer experience.
TSXcomponents/previews/premium/team-marquee-preview.tsx
"use client";
import { TeamMarquee } from "@/components/premium/team";
export function TeamMarqueePreview() {
return (
<div className="w-full">
<TeamMarquee />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
$ bunx --bun shadcn add @beui-pro/team-marquee