U
UIAble
/
blocks
/
block-hero
Hero
· UIAble
Hero variant for block.
npx shadcn@latest add
@uiable/block-hero
Preview
Hero on UIAble's site (opens in a new tab)
Loading the source for
block-hero
…
Files
Code
Info
Registry Items
@components
2
src
2
block-hero
Configuration
Name
block-hero
Type
Block
Description
Hero variant for block.
Files · 9
hero.tsx
@components/uiable/blocks/landing/hero/hero.tsx
branding.json
src/branding.json
HoverBg.tsx
@components/animation/HoverBg.tsx
baseui.tsx
src/images/svg/icons/baseui.tsx
motion.tsx
src/images/svg/icons/motion.tsx
shadcn.tsx
src/images/svg/icons/shadcn.tsx
tailwind.tsx
src/images/svg/icons/tailwind.tsx
ct-fab-logo.tsx
src/images/svg/landing/ct-fab-logo.tsx
sparkle-grid.tsx
src/images/svg/landing/sparkle-grid.tsx
Dependencies
npm packages
@tabler/icons-react
Registry items
@uiable/badge
@uiable/button
@uiable/text-marquee
Registry Items
@components
2
src
2
block-hero
Configuration
Name
block-hero
Type
Block
Description
Hero variant for block.
Files · 9
hero.tsx
@components/uiable/blocks/landing/hero/hero.tsx
branding.json
src/branding.json
HoverBg.tsx
@components/animation/HoverBg.tsx
baseui.tsx
src/images/svg/icons/baseui.tsx
motion.tsx
src/images/svg/icons/motion.tsx
shadcn.tsx
src/images/svg/icons/shadcn.tsx
tailwind.tsx
src/images/svg/icons/tailwind.tsx
ct-fab-logo.tsx
src/images/svg/landing/ct-fab-logo.tsx
sparkle-grid.tsx
src/images/svg/landing/sparkle-grid.tsx
Dependencies
npm packages
@tabler/icons-react
Registry items
@uiable/badge
@uiable/button
@uiable/text-marquee