beUI Pro for mobile is live — 50 React Native blocks and screens
Contact
Contact sections that show who will reply, with custom animated illustrations, real team portraits, validated forms, and a submit handler.
Routing desk
contact-routing.tsxChoose a lane and see the person who will reply before you send. On success, a paper plane draws a route to their portrait.
Reach the right person.
Pick what you need and see who will reply before you send.
"use client";
import { ContactRouting } from "@/components/premium/contact";
export function ContactRoutingPreview() {
return (
<div className="w-full">
<ContactRouting />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Office split
contact-split.tsxAn illustrated map with a dropping pin and the office's live local time, contact channels with copy-to-clipboard email, and a topic-tabbed form.
Say hello. A person replies.
Questions, demos, or partnerships. Tell us what you need and we’ll get back to you the same day.
Lisbon studio
Rua da Prata 80, Lisbon
--:-- · checking
You’ll hear from one of us
Most messages get a reply within two hours.
"use client";
import { ContactSplit } from "@/components/premium/contact";
export function ContactSplitPreview() {
return (
<div className="w-full">
<ContactSplit />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Method cards
contact-cards.tsxSales, support, and community cards, each with its own animated SVG illustration that plays on hover, plus a book-a-call strip with real team portraits.
How can we help?
Pick the lane that fits. Every message reaches a person, not a queue.
Talk to sales
Pricing, demos, and procurement for growing teams.
Contact salesGet support
Bugs, account questions, and integration help.
Open a ticketJoin the community
Swap notes with builders and share what you ship.
Join the communityPrefer to talk it through?
Book 30 minutes with the people who build it.
"use client";
import { ContactCards } from "@/components/premium/contact";
export function ContactCardsPreview() {
return (
<div className="w-full">
<ContactCards />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboard