Product
beUI Pro 移动端已上线：50 个 React Native 区块和页面
Blog Sections
4 个变体
Standalone article and blog blocks with original illustrated covers, publication details, and polished motion.
Image-first cards
blog-image-cards.tsxRounded article cards with illustrated covers above the category, title, and publication date.
Fresh thinking. A closer look.
Notes on what we’re making, learning, and exploring along the way.
TSXcomponents/previews/premium/blog-image-cards-preview.tsx
"use client";
import { BlogImageCards } from "@/components/premium/blog-sections/blog-image-cards";
export function BlogImageCardsPreview() {
return <BlogImageCards />;
}
安装
$ bunx --bun shadcn add @beui-pro/blog-image-cards
Featured stories
blog-featured-stories.tsxA lead story paired with a compact list of supporting articles and illustrated thumbnails.
From the journal
A few things worth sharing.
Fresh perspectives from the people behind the product.
TSXcomponents/previews/premium/blog-featured-stories-preview.tsx
"use client";
import { BlogFeaturedStories } from "@/components/premium/blog-sections/blog-featured-stories";
export function BlogFeaturedStoriesPreview() {
return <BlogFeaturedStories />;
}
安装
$ bunx --bun shadcn add @beui-pro/blog-featured-stories
Article list
blog-article-list.tsxA compact article feed with category tabs, animated filtering, thumbnails, and reading times.
The latest, in a little more detail.
Ideas, updates, and stories from our corner of the internet.
TSXcomponents/previews/premium/blog-article-list-preview.tsx
"use client";
import { BlogArticleList } from "@/components/premium/blog-sections/blog-article-list";
export function BlogArticleListPreview() {
return <BlogArticleList />;
}
安装
$ bunx --bun shadcn add @beui-pro/blog-article-list
Article cards
blog-article-cards.tsxThree rounded article cards with categories, dates, illustrated covers, and subtle hover motion.
Fresh thinking. A closer look.
Notes on what we’re making, learning, and exploring along the way.
TSXcomponents/previews/premium/blog-article-cards-preview.tsx
"use client";
import { BlogArticleCards } from "@/components/premium/blog-sections/blog-article-cards";
export function BlogArticleCardsPreview() {
return <BlogArticleCards />;
}
安装
$ bunx --bun shadcn add @beui-pro/blog-article-cards