# Inspira Ui

> description: Built beautiful websites using Nuxt & Vue

## Pages

- [Welcome to Inspira UI](docs-index.md): title: Home
- [Introduction](getting-started-introduction.md): title: Introduction
- [Installation](getting-started-installation.md): title: Installation
- [Contribution](getting-started-contribution.md): title: How To Contribute
- [Code Of Conduct](getting-started-code-of-conduct.md): title: Code of Conduct
- [Aurora Background](backgrounds-aurora-background.md): title: Aurora Background
- [Black Hole Background](backgrounds-black-hole-background.md): title: Black Hole Background
- [Bubbles Bg](backgrounds-bubbles-bg.md): title: Bubbles Background
- [Cosmic Portal](backgrounds-cosmic-portal.md): title: Cosmic Portal
- [Falling Stars](backgrounds-falling-stars.md): title: Falling Stars Background
- [Flickering Grid](backgrounds-flickering-grid.md): title: Flickering Grid
- [Interactive Grid Pattern](backgrounds-interactive-grid-pattern.md): title: Interactive Grid Pattern
- [Lamp Effect](backgrounds-lamp-effect.md): title: Lamp Effect
- [Liquid Background](backgrounds-liquid-background.md): title: Liquid Background
- [Neural Background](backgrounds-neural-background.md): title: Neural Background
- [Particle Whirlpool Bg](backgrounds-particle-whirlpool-bg.md): title: Particle Whirlpool
- [Particles Bg](backgrounds-particles-bg.md): title: Particles Background
- [Pattern Background](backgrounds-pattern-background.md): title: Pattern Background
- [Ripple](backgrounds-ripple.md): title: Ripple
- [Silk Background](backgrounds-silk-background.md): title: Silk Background
- [Snowfall Bg](backgrounds-snowfall-bg.md): title: Snowfall Background
- [Sparkles](backgrounds-sparkles.md): title: Sparkles
- [Stars Background](backgrounds-stars-background.md): title: Stars Background
- [Stractium Background](backgrounds-stractium-background.md): title: Stractium Background
- [Tetris](backgrounds-tetris.md): title: Tetris
- [Video Text](backgrounds-video-text.md): title: Video Text
- [Vortex](backgrounds-vortex.md): title: Vortex Background
- [Warp Background](backgrounds-warp-background.md): title: Warp Background
- [Wavy Background](backgrounds-wavy-background.md): title: Wavy Background
- [Gradient Button](buttons-gradient-button.md): title: Gradient Button
- [Interactive Hover Button](buttons-interactive-hover-button.md): title: Interactive Hover Button
- [Rainbow Button](buttons-rainbow-button.md): title: Rainbow Button
- [Ripple Button](buttons-ripple-button.md): title: Ripple Button
- [Shimmer Button](buttons-shimmer-button.md): title: Shimmer Button
- [3D Card](cards-3d-card.md): title: 3D Card Effect
- [Apple Card Carousel](cards-apple-card-carousel.md): title: Apple Card Carousel
- [Card Spotlight](cards-card-spotlight.md): title: Card Spotlight
- [Direction Aware Hover](cards-direction-aware-hover.md): title: Direction Aware Hover
- [Flip Card](cards-flip-card.md): title: Flip Card
- [Glare Card](cards-glare-card.md): title: Glare Card
- [Fluid Cursor](cursors-fluid-cursor.md): title: Fluid Cursor
- [Image Trail Cursor](cursors-image-trail-cursor.md): title: Image Trail Cursor
- [Sleek Line Cursor](cursors-sleek-line-cursor.md): title: Sleek Line Cursor
- [Smooth Cursor](cursors-smooth-cursor.md): title: Smooth Cursor
- [Tailed Cursor](cursors-tailed-cursor.md): title: Tailed Cursor
- [Iphone Mockup](device-mocks-iphone-mockup.md): title: iPhone Mockup
- [Safari Mockup](device-mocks-safari-mockup.md): title: Safari Mockup
- [Index](components-index.md): title: Component Index
- [Color Picker](input-and-forms-color-picker.md): title: Color Picker
- [File Upload](input-and-forms-file-upload.md): title: File Upload
- [Halo Search](input-and-forms-halo-search.md): title: Halo Search
- [Input](input-and-forms-input.md): title: Input
- [Placeholders And Vanish Input](input-and-forms-placeholders-and-vanish-input.md): title: Placeholders And Vanish Input
- [Animate Grid](miscellaneous-animate-grid.md): title: Animate Grid
- [Animated Circular Progressbar](miscellaneous-animated-circular-progressbar.md): title: Animated Circular Progress Bar
- [Animated List](miscellaneous-animated-list.md): title: Animated List
- [Animated Testimonials](miscellaneous-animated-testimonials.md): title: Animated Testimonials
- [Animated Tooltip](miscellaneous-animated-tooltip.md): title: Animated Tooltip
- [Balance Slider](miscellaneous-balance-slider.md): title: Balance Slider
- [Bento Grid](miscellaneous-bento-grid.md): title: Bento Grid
- [Book](miscellaneous-book.md): title: Book
- [Compare](miscellaneous-compare.md): title: Compare
- [Container Scroll](miscellaneous-container-scroll.md): title: Container Scroll
- [Dock](miscellaneous-dock.md): title: Dock
- [Expandable Gallery](miscellaneous-expandable-gallery.md): title: Expandable Gallery
- [Images Slider](miscellaneous-images-slider.md): title: Images Slider
- [Lens](miscellaneous-lens.md): title: Lens
- [Link Preview](miscellaneous-link-preview.md): title: Link Preview
- [Marquee](miscellaneous-marquee.md): title: Marquee
- [Morphing Tabs](miscellaneous-morphing-tabs.md): title: Morphing Tabs
- [Multi Step Loader](miscellaneous-multi-step-loader.md): title: Multi Step Loader
- [Photo Gallery](miscellaneous-photo-gallery.md): title: Photo Gallery
- [Scroll Island](miscellaneous-scroll-island.md): title: Scroll Island
- [Shader Toy](miscellaneous-shader-toy.md): title: Shader Toy Viewer
- [Svg Mask](miscellaneous-svg-mask.md): title: SVG Mask
- [Testimonial Slider](miscellaneous-testimonial-slider.md): title: Testimonial Slider
- [Timeline](miscellaneous-timeline.md): title: Timeline
- [Tracing Beam](miscellaneous-tracing-beam.md): title: Tracing Beam
- [Animated Beam](special-effects-animated-beam.md): title: Animated Beam
- [Border Beam](special-effects-border-beam.md): title: Border Beam
- [Confetti](special-effects-confetti.md): title: Confetti
- [Glow Border](special-effects-glow-border.md): title: Glow Border
- [Glowing Effect](special-effects-glowing-effect.md): title: Glowing Effect
- [Meteors](special-effects-meteors.md): title: Meteor
- [Neon Border](special-effects-neon-border.md): title: Neon Border
- [Particle Image](special-effects-particle-image.md): title: Particle Image
- [Scratch To Reveal](special-effects-scratch-to-reveal.md): title: Scratch To Reveal
- [Spring Calendar](special-effects-spring-calendar.md): title: Spring Calendar
- [3D Text](text-animations-3d-text.md): title: 3D Text
- [Blur Reveal](text-animations-blur-reveal.md): title: Blur Reveal
- [Box Reveal](text-animations-box-reveal.md): title: Box Reveal
- [Colorful Text](text-animations-colorful-text.md): title: Colourful Text
- [Container Text Flip](text-animations-container-text-flip.md): title: Container Text Flip
- [Flip Words](text-animations-flip-words.md): title: Flip Words
- [Focus](text-animations-focus.md): title: Focus
- [Hyper Text](text-animations-hyper-text.md): title: Hyper Text
- [Letter Pullup](text-animations-letter-pullup.md): title: Letter Pullup
- [Line Shadow Text](text-animations-line-shadow-text.md): title: Line Shadow Text
- [Morphing Text](text-animations-morphing-text.md): title: Morphing Text
- [Number Ticker](text-animations-number-ticker.md): title: Number Ticker
- [Radiant Text](text-animations-radiant-text.md): title: Radiant Text
- [Sparkles Text](text-animations-sparkles-text.md): title: Sparkles Text
- [Spinning Text](text-animations-spinning-text.md): title: Spinning Text
- [Text Generate Effect](text-animations-text-generate-effect.md): title: Text Generate Effect
- [Text Glitch](text-animations-text-glitch.md): title: Text Glitch
- [Text Highlight](text-animations-text-highlight.md): title: Text Highlight
- [Text Hover Effect](text-animations-text-hover-effect.md): title: Text Hover Effect
- [Text Reveal Card](text-animations-text-reveal-card.md): title: Text Reveal Card
- [Text Reveal](text-animations-text-reveal.md): title: Text Reveal
- [Text Scroll Reveal](text-animations-text-scroll-reveal.md): title: Text Scroll Reveal
- [Bending Gallery](visualization-bending-gallery.md): title: Bending Gallery
- [Carousal 3D](visualization-carousal-3d.md): title: 3D Carousel
- [File Tree](visualization-file-tree.md): title: File Tree
- [Github Globe](visualization-github-globe.md): title: Github Globe
- [Globe](visualization-globe.md): title: Globe
- [Icon Cloud](visualization-icon-cloud.md): title: Icon Cloud
- [Infinite Grid](visualization-infinite-grid.md): title: Infinite Grid
- [Light Speed](visualization-light-speed.md): title: Light Speed
- [Liquid Glass](visualization-liquid-glass.md): title: Liquid Glass Effect
- [Liquid Logo](visualization-liquid-logo.md): title: Liquid Logo
- [Logo Cloud](visualization-logo-cloud.md): title: Animated Logo Cloud
- [Logo Origami](visualization-logo-origami.md): title: Logo Origami
- [Orbit](visualization-orbit.md): title: Orbit
- [Spline](visualization-spline.md): title: Spline
- [World Map](visualization-world-map.md): title: World Map
- [Index](blocks-index.md): title: Block Index
- [Hero](miscellaneous-hero.md): title: Hero
- [Testimonials](miscellaneous-testimonials.md): title: Testimonials
- [欢迎来到 Inspira UI](zh-cn-index.md): title: 首页
- [Introduction](getting-started-introduction-2.md): title: 简介
- [Installation](getting-started-installation-2.md): title: 安装
- [Contribution](getting-started-contribution-2.md): title: 如何贡献
- [Code Of Conduct](getting-started-code-of-conduct-2.md): title: 行为准则
- [Aurora Background](backgrounds-aurora-background-2.md): title: 极光背景
- [Black Hole Background](backgrounds-black-hole-background-2.md): title: 黑洞背景
- [Bubbles Bg](backgrounds-bubbles-bg-2.md): title: 泡泡背景
- [Cosmic Portal](backgrounds-cosmic-portal-2.md): title: 宇宙环球
- [Falling Stars](backgrounds-falling-stars-2.md): title: 流星背景
- [Flickering Grid](backgrounds-flickering-grid-2.md): title: Flickering Grid
- [Interactive Grid Pattern](backgrounds-interactive-grid-pattern-2.md): title: 交互网格背景
- [Lamp Effect](backgrounds-lamp-effect-2.md): title: 灯光效果
- [Liquid Background](backgrounds-liquid-background-2.md): title: Liquid Background
- [Neural Background](backgrounds-neural-background-2.md): title: Neural Background
- [Particle Whirlpool Bg](backgrounds-particle-whirlpool-bg-2.md): title: 粒子漩涡
- [Particles Bg](backgrounds-particles-bg-2.md): title: 粒子背景
- [Pattern Background](backgrounds-pattern-background-2.md): title: Pattern Background
- [Ripple](backgrounds-ripple-2.md): title: 涟漪
- [Silk Background](backgrounds-silk-background-2.md): title: 丝绸背景
- [Snowfall Bg](backgrounds-snowfall-bg-2.md): title: Snowfall Background
- [Sparkles](backgrounds-sparkles-2.md): title: Sparkles
- [Stars Background](backgrounds-stars-background-2.md): title: 星星背景
- [Stractium Background](backgrounds-stractium-background-2.md): title: Stractium 背景
- [Tetris](backgrounds-tetris-2.md): title: 俄罗斯方块
- [Video Text](backgrounds-video-text-2.md): title: 视频文字
- [Vortex](backgrounds-vortex-2.md): title: 炫彩涡流
- [Warp Background](backgrounds-warp-background-2.md): title: Warp Background
- [Wavy Background](backgrounds-wavy-background-2.md): title: 波浪背景
- [Gradient Button](buttons-gradient-button-2.md): title: Gradient Button
- [Interactive Hover Button](buttons-interactive-hover-button-2.md): title: Interactive Hover Button
- [Rainbow Button](buttons-rainbow-button-2.md): title: Rainbow Button
- [Ripple Button](buttons-ripple-button-2.md): title: Ripple Button
- [Shimmer Button](buttons-shimmer-button-2.md): title: Shimmer Button
- [3D Card](cards-3d-card-2.md): title: 3D效果卡片
- [Apple Card Carousel](cards-apple-card-carousel-2.md): title: Apple Card Carousel
- [Card Spotlight](cards-card-spotlight-2.md): title: 聚光灯卡片
- [Direction Aware Hover](cards-direction-aware-hover-2.md): title: Direction Aware Hover
- [Flip Card](cards-flip-card-2.md): title: 翻转卡片
- [Glare Card](cards-glare-card-2.md): title: Glare Card
- [Fluid Cursor](cursors-fluid-cursor-2.md): title: 流体光标
- [Image Trail Cursor](cursors-image-trail-cursor-2.md): title: 图片轨迹光标
- [Sleek Line Cursor](cursors-sleek-line-cursor-2.md): title: Sleek Line Cursor
- [Smooth Cursor](cursors-smooth-cursor-2.md): title: Smooth Cursor
- [Tailed Cursor](cursors-tailed-cursor-2.md): title: Tailed Cursor
- [Iphone Mockup](device-mocks-iphone-mockup-2.md): title: iPhone 模拟
- [Safari Mockup](device-mocks-safari-mockup-2.md): title: Safari 模拟
- [Index](components-index-2.md): title: 组件索引
- [File Upload](input-and-forms-file-upload-2.md): title: 文件上传
- [Halo Search](input-and-forms-halo-search-2.md): title: Halo 搜索
- [Input](input-and-forms-input-2.md): title: 输入
- [Placeholders And Vanish Input](input-and-forms-placeholders-and-vanish-input-2.md): title: Placeholders And Vanish Input
- [Animate Grid](miscellaneous-animate-grid-2.md): title: Animate Grid
- [Animated Circular Progressbar](miscellaneous-animated-circular-progressbar-2.md): title: Animated Circular Progress Bar
- [Animated List](miscellaneous-animated-list-2.md): title: Animated List
- [Animated Testimonials](miscellaneous-animated-testimonials-2.md): title: Animated Testimonials
- [Animated Tooltip](miscellaneous-animated-tooltip-2.md): title: Animated Tooltip
- [Balance Slider](miscellaneous-balance-slider-2.md): title: Balance Slider
- [Bento Grid](miscellaneous-bento-grid-2.md): title: Bento Grid
- [Book](miscellaneous-book-2.md): title: 3D书本
- [Compare](miscellaneous-compare-2.md): title: 左右对比
- [Container Scroll](miscellaneous-container-scroll-2.md): title: Container Scroll
- [Dock](miscellaneous-dock-2.md): title: Dock
- [Expandable Gallery](miscellaneous-expandable-gallery-2.md): title: Expandable Gallery
- [Images Slider](miscellaneous-images-slider-2.md): title: Images Slider
- [Lens](miscellaneous-lens-2.md): title: 放大镜
- [Link Preview](miscellaneous-link-preview-2.md): title: 链接预览
- [Marquee](miscellaneous-marquee-2.md): title: 走马灯
- [Morphing Tabs](miscellaneous-morphing-tabs-2.md): title: Morphing Tabs
- [Multi Step Loader](miscellaneous-multi-step-loader-2.md): title: Multi Step Loader
- [Photo Gallery](miscellaneous-photo-gallery-2.md): title: 照片墙
- [Scroll Island](miscellaneous-scroll-island-2.md): title: 滚动岛
- [Shader Toy](miscellaneous-shader-toy-2.md): title: Shader Toy 预览器
- [Svg Mask](miscellaneous-svg-mask-2.md): title: SVG Mask
- [Testimonial Slider](miscellaneous-testimonial-slider-2.md): title: Testimonial Slider
- [Timeline](miscellaneous-timeline-2.md): title: Timeline
- [Tracing Beam](miscellaneous-tracing-beam-2.md): title: Tracing Beam
- [Animated Beam](special-effects-animated-beam-2.md): title: Animated Beam
- [Border Beam](special-effects-border-beam-2.md): title: 光线边框
- [Confetti](special-effects-confetti-2.md): title: 五彩纸屑
- [Glow Border](special-effects-glow-border-2.md): title: 彩光边框
- [Glowing Effect](special-effects-glowing-effect-2.md): title: 光效
- [Meteors](special-effects-meteors-2.md): title: 流星
- [Neon Border](special-effects-neon-border-2.md): title: Neon Border
- [Particle Image](special-effects-particle-image-2.md): title: Particle Image
- [Scratch To Reveal](special-effects-scratch-to-reveal-2.md): title: Scratch To Reveal
- [Spring Calendar](special-effects-spring-calendar-2.md): title: Spring Calendar
- [3D Text](text-animations-3d-text-2.md): title: 3D文字
- [Blur Reveal](text-animations-blur-reveal-2.md): title: Blur Reveal
- [Box Reveal](text-animations-box-reveal-2.md): title: Box Reveal
- [Colorful Text](text-animations-colorful-text-2.md): title: Colourful Text
- [Container Text Flip](text-animations-container-text-flip-2.md): title: Container Text Flip
- [Flip Words](text-animations-flip-words-2.md): title: Flip Words
- [Focus](text-animations-focus-2.md): title: Focus
- [Hyper Text](text-animations-hyper-text-2.md): title: Hyper Text
- [Letter Pullup](text-animations-letter-pullup-2.md): title: 文字上弹
- [Line Shadow Text](text-animations-line-shadow-text-2.md): title: Line Shadow Text
- [Morphing Text](text-animations-morphing-text-2.md): title: Morphing Text
- [Number Ticker](text-animations-number-ticker-2.md): title: 数字增长
- [Radiant Text](text-animations-radiant-text-2.md): title: Radiant Text
- [Sparkles Text](text-animations-sparkles-text-2.md): title: 闪烁字
- [Spinning Text](text-animations-spinning-text-2.md): title: Spinning Text
- [Text Generate Effect](text-animations-text-generate-effect-2.md): title: 文字生成效果
- [Text Glitch](text-animations-text-glitch-2.md): title: Text Glitch
- [Text Highlight](text-animations-text-highlight-2.md): title: 文本高亮
- [Text Hover Effect](text-animations-text-hover-effect-2.md): title: Text Hover Effect
- [Text Reveal Card](text-animations-text-reveal-card-2.md): title: Text Reveal Card
- [Text Reveal](text-animations-text-reveal-2.md): title: Text Reveal
- [Text Scroll Reveal](text-animations-text-scroll-reveal-2.md): title: Text Scroll Reveal
- [Bending Gallery](visualization-bending-gallery-2.md): title: Bending Gallery
- [Carousal 3D](visualization-carousal-3d-2.md): title: 3D Carousel
- [File Tree](visualization-file-tree-2.md): title: 文件树
- [Github Globe](visualization-github-globe-2.md): title: 旋转地球
- [Globe](visualization-globe-2.md): title: 旋转半球
- [Icon Cloud](visualization-icon-cloud-2.md): title: 图标云
- [Infinite Grid](visualization-infinite-grid-2.md): title: Infinite Grid
- [Light Speed](visualization-light-speed-2.md): title: Light Speed
- [Liquid Glass](visualization-liquid-glass-2.md): title: Liquid Glass Effect
- [Liquid Logo](visualization-liquid-logo-2.md): title: Liquid Logo
- [Logo Cloud](visualization-logo-cloud-2.md): title: Animated Logo Cloud
- [Logo Origami](visualization-logo-origami-2.md): title: Logo Origami
- [Orbit](visualization-orbit-2.md): title: Orbit
- [Spline](visualization-spline-2.md): title: Spline
- [World Map](visualization-world-map-2.md): title: 世界地图
- [Index](blocks-index-2.md): title: 代码块
- [Hero](miscellaneous-hero-2.md): title: Hero
- [Testimonials](miscellaneous-testimonials-2.md): title: Testimonials