Article Headings

在云境TS 中打开并复制 →

内容预览

# Article Headings Three expressive text treatments collected in one family: a chromatic intro, a particle wordmark, and an audio-reactive identity lockup. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/article-headings · 预览动画：https://threeui.com/previews/article-headings.webm > 分类：Text Animation > 包含变体（3）：threeui-intro、particle-wordmark、audio-wordmark /* ===== src/shaders/article-headings/TextAnimationCollection.tsx (tsx) ===== */ import { lazy, Suspense } from "react"; import type { ArticleHeadingsProps } from "./ArticleHeadings"; import type { NeuformCraftEffectProps } from "../neuform-isolated/NeuformCraftEffects"; import type { NeuformIsolatedEffectProps } from "../neuform-isolated/NeuformIsolatedEffects"; export type TextAnimationVariant = | "article-headings" | "neon-sign" | "threeui-intro" | "particle-wordmark" | "audio-wordmark"; type ArticleHeadingsVariantProps = ArticleHeadingsProps & { variant?: "article-headings"; }; type NeonTypographyVariantProps = NeuformCraftEffectProps & { variant: "neon-sign"; }; type IsolatedTextVariantProps = NeuformIsolatedEffectProps & { variant: "threeui-intro" | "particle-wordmark" | "audio-wordmark"; }; export type TextAnimationCollectionProps = | ArticleHeadingsVariantProps | NeonTypographyVariantProps | IsolatedTextVariantProps; const ArticleHeadingsVariant = lazy(() => import("./ArticleHeadings").then((module) => ({ default: module.ArticleHeadings })), ); const

……（完整源码请在站内查看）