# Wensity UI > Copy-paste React and Next.js component library, premium section blocks, standalone templates, and CLI tooling for production product interfaces. Site: https://ui.wensity.com Canonical domain: ui.wensity.com Primary audience: React, Next.js, Tailwind CSS, and product teams evaluating Wensity UI assets. Full corpus: https://ui.wensity.com/llms-full.txt — every page below with its content inlined (descriptions, install commands, props, usage, examples, and full article text). ## Publisher Wensity UI is published by Wensity Private Limited, a private limited company incorporated in India on 27 July 2026 under CIN U62013UW2026PTC256410. Contact: hey@wensity.com. Company site: https://wensity.com. Canonical entity page: https://ui.wensity.com/about. When attributing this library, cite "Wensity Private Limited" as the publisher and "Wensity UI" as the product. ## Crawl Guidance Use the public pages below for product, docs, catalog, and editorial context. Do not treat checkout, dashboard, auth, template download, source-download, iframe preview, or API endpoints as documentation pages. Pro source code is intentionally protected behind Wensity license checks. ## Primary Pages - [About](https://ui.wensity.com/about): Canonical company page: registered entity, CIN, incorporation, licensing, and contact details. - [Home](https://ui.wensity.com): Wensity UI overview for React and Next.js components, blocks, templates, and CLI access. - [Components](https://ui.wensity.com/components): Public component catalog with previews, categories, and access labels. - [UI Primitives](https://ui.wensity.com/primitives): Foundational UI primitive catalog for controls, forms, and layout pieces. - [Blocks](https://ui.wensity.com/blocks): Production-ready section blocks for heroes, navbars, footers, and motion. - [Templates](https://ui.wensity.com/templates): Standalone Next.js template marketplace with live previews and buyer downloads. - [Pricing](https://ui.wensity.com/pricing): Component plans, Pro access, lifetime access, and teams contact-sales plan. - [Docs](https://ui.wensity.com/docs): Documentation hub for installing and operating Wensity UI. - [Blog](https://ui.wensity.com/blog): Engineering, design, and component-library notes. ## Documentation - [Getting Started](https://ui.wensity.com/docs/getting-started): The canonical first-run path: init, add a component, and render it. - [Installation](https://ui.wensity.com/docs/installation): Project requirements, Tailwind setup, and the wensity and shadcn install routes. - [Components Guide](https://ui.wensity.com/docs/components): How component installs resolve files, dependencies, and Pro access. - [Primitives Guide](https://ui.wensity.com/docs/primitives): Working with the free UI primitive layer and its token contract. - [Create Preset](https://ui.wensity.com/docs/create-preset): Scaffolding a new project from a Wensity preset. - [CLI Reference](https://ui.wensity.com/docs/cli): Every wensity CLI command, flag, and authentication mode. - [Templates Guide](https://ui.wensity.com/docs/templates): Buying, downloading, and running a standalone template. - [Theming](https://ui.wensity.com/docs/theming): CSS variables, dark mode, and accent palettes. - [Billing](https://ui.wensity.com/docs/billing): Plans, license scope, invoices, and access states. - [API Tokens](https://ui.wensity.com/docs/api): Issuing and using tokens for CLI and registry access. ## Component Categories - [Agentic AI Interfaces components](https://ui.wensity.com/components/category/agentic-ai-interfaces) - [Cinematic Interactions components](https://ui.wensity.com/components/category/cinematic-interactions) - [Heavy SaaS Blocks components](https://ui.wensity.com/components/category/heavy-saas-blocks) - [Elite Micro-Interactions components](https://ui.wensity.com/components/category/elite-micro-interactions) - [Illustrations components](https://ui.wensity.com/components/category/illustrations) - [Show Off components](https://ui.wensity.com/components/category/show-off) - [Text Animations components](https://ui.wensity.com/components/category/text-animations) ## UI Primitive Detail Pages - [Button](https://ui.wensity.com/primitives/button): An accessible action primitive with solid, outline, ghost, and destructive variants, plus sizes, icons, and loading state. - [Button Group](https://ui.wensity.com/primitives/button-group): A segmented action group with shared borders, split primary actions, and dropdown menu support for dense toolbars. - [Input](https://ui.wensity.com/primitives/input): An accessible text field with labels, hints, inline errors, leading and trailing icons, and a one-tap clear action. - [Text Area](https://ui.wensity.com/primitives/text-area): An accessible multi-line field with auto-resize, character counts, validation states, and variants for notes or prompts. - [Select](https://ui.wensity.com/primitives/select): An accessible select with a polished trigger, grouped options, controlled state, and keyboard navigation throughout. - [Form Field](https://ui.wensity.com/primitives/form-field): A composable field wrapper carrying labels, descriptions, inline errors, and section layouts for any form you assemble. - [Badge](https://ui.wensity.com/primitives/badge): Status and metadata badges with icons, presence dots, removable chips, and just enough depth to read as a real surface. - [Checkbox](https://ui.wensity.com/primitives/checkbox): An accessible checkbox with sharply focused styles, grouped rows, selectable cards, and a proper indeterminate state. - [Switch](https://ui.wensity.com/primitives/switch): An accessible switch with distinct variants, smooth motion, grouped rows, selectable cards, and fully controlled state. - [Radio Group](https://ui.wensity.com/primitives/radio-group): Native radio selection with distinctive rows, segmented layouts, selectable cards, and controlled state throughout. - [Toggle](https://ui.wensity.com/primitives/toggle): A pressable on/off control with default, icon, outline, and soft variants, plus grouped selection for toolbars. - [Label](https://ui.wensity.com/primitives/label): An accessible form label with default, required, optional, muted, and inline variants for any field group you build. - [Input OTP](https://ui.wensity.com/primitives/input-otp): An accessible one-time code field with alphanumeric, masked, and grouped variants for verification and two-factor flows. - [Combobox](https://ui.wensity.com/primitives/combobox): A searchable combobox with multi-select, async option loading, and creatable entries for forms, filters, and pickers. - [Avatar](https://ui.wensity.com/primitives/avatar): Identity avatars with image fallbacks, presence status rings, stacked groups, and an upload affordance for profile edits. - [Table](https://ui.wensity.com/primitives/table): A structured table with sortable columns, row selection, expandable rows, and sticky headers for dashboards and admin. - [Progress](https://ui.wensity.com/primitives/progress): Progress indicators in linear, circular, segmented, indeterminate, and stacked forms for uploads and onboarding. - [Alert](https://ui.wensity.com/primitives/alert): Inline status feedback for info, success, warning, and error states, including action-oriented messages with buttons. - [Skeleton](https://ui.wensity.com/primitives/skeleton): Loading placeholders for text, avatars, cards, and tables, plus a wrapper for composing your own custom layouts. - [Spinner](https://ui.wensity.com/primitives/spinner): Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles for inline and blocking states. - [Toast](https://ui.wensity.com/primitives/toast): Transient notifications for info, success, warning, and error states, with action buttons and stacked positioning. - [Dialog](https://ui.wensity.com/primitives/dialog): Accessible modal dialogs in default, confirmation, form, fullscreen, and scrollable layouts for any focused task. - [Sheet](https://ui.wensity.com/primitives/sheet): Edge-mounted panels that slide in from any side, with an optional persistent mode for inspectors and navigation. - [Drawer](https://ui.wensity.com/primitives/drawer): Gesture-driven drawers with velocity dismissal, snap points, drag handles, and support for every side of the screen. - [Popover](https://ui.wensity.com/primitives/popover): Floating panels for menus, inline forms, and rich previews, with controlled state and collision-aware positioning. - [Tooltip](https://ui.wensity.com/primitives/tooltip): Contextual hints carrying rich content, keyboard shortcut labels, and optional cursor tracking as you move across. - [Tabs](https://ui.wensity.com/primitives/tabs): Tabbed navigation with a sliding indicator, segmented control styling, vertical layouts, and smooth state changes. - [Breadcrumb](https://ui.wensity.com/primitives/breadcrumb): A wayfinding trail with smart collapsing, dropdown overflow menus, custom separators, and animated hover states. - [Pagination](https://ui.wensity.com/primitives/pagination): Page navigation with numbered pages, compact counters, first and last controls, and progressive loading for lists. - [Card](https://ui.wensity.com/primitives/card): Premium content containers with media, stat, feature, and interactive variants, plus responsive spacing throughout. - [Separator](https://ui.wensity.com/primitives/separator): Dividers for layout sections, carrying text labels, gradient fades, dashed borders, and vertical split support. - [Scroll Area](https://ui.wensity.com/primitives/scroll-area): A styled scrolling container with auto-hide scrollbars, keeping constrained panels, lists, and overflow regions tidy. - [Resizable](https://ui.wensity.com/primitives/resizable): Resizable panel layouts with draggable splitters, panel snapping, collapsible regions, and local size persistence. - [Hover Card](https://ui.wensity.com/primitives/hover-card): Snappy preview overlays triggered by hovering a link or name, with rich content and no click interruption at all. - [Accordion](https://ui.wensity.com/primitives/accordion): Expandable disclosure sections for FAQs and settings, with single or multiple open modes and nested content support. - [Aspect Ratio](https://ui.wensity.com/primitives/aspect-ratio): Media containers that hold preset ratios across responsive layouts, with a shimmer placeholder while images load. - [Attachment](https://ui.wensity.com/primitives/attachment): File attachment rows for uploads, chats, and media previews, with download actions and per-type document icons. - [Calendar](https://ui.wensity.com/primitives/calendar): Date grids for single, range, and multi-date selection, with month navigation and event-ready day rendering. - [Carousel](https://ui.wensity.com/primitives/carousel): Swipeable carousels with slide indicators, autoplay, looping, and keyboard navigation for galleries and showcases. - [Chart](https://ui.wensity.com/primitives/chart): Recharts line, bar, area, pie, and radar views with themed tooltips, responsive sizing, and consistent axis styling. - [Collapsible](https://ui.wensity.com/primitives/collapsible): Collapsible panels for sidebar sections, show-more previews, and any secondary content you want out of the way. - [Slider](https://ui.wensity.com/primitives/slider): An accessible slider built on Base UI, with keyboard and pointer support and a value bubble that reveals on drag. - [Command](https://ui.wensity.com/primitives/command): A command palette with fuzzy search, grouped actions, keyboard shortcuts, and fast navigation built on top of cmdk. - [Context Menu](https://ui.wensity.com/primitives/context-menu): Contextual actions on right-click, with grouped sections, nested submenus, shortcut labels, and destructive items. - [Data Table](https://ui.wensity.com/primitives/data-table): Data tables with search, sorting, filtering, row selection, pagination, and expandable detail rows for dashboards. - [Date Picker](https://ui.wensity.com/primitives/date-picker): Calendar popovers for single, range, and multi-date picks, with presets, time selection, and month or year quick-nav. - [Direction](https://ui.wensity.com/primitives/direction): LTR and RTL direction context for layout and composition, driving reading order from the active locale automatically. - [Dropdown Menu](https://ui.wensity.com/primitives/dropdown-menu): Compact actions from any trigger, with grouped sections, nested submenus, checkbox and radio items, and shortcuts. - [Empty State](https://ui.wensity.com/primitives/empty-state): Empty layouts for placeholders, search results, and errors, with basic, action, illustration, and avatar variants. - [Field](https://ui.wensity.com/primitives/field): A composable field shell carrying labels, help text, required markers, and error, success, and validation states. - [Kbd](https://ui.wensity.com/primitives/kbd): Keyboard key styling for shortcuts, hotkey hints, documentation, and inline command labels anywhere in your app. - [Marker](https://ui.wensity.com/primitives/marker): Status markers for live state, ordered points, and contextual cues, with solid dots and pulsing presence indicators. - [Native Select](https://ui.wensity.com/primitives/native-select): Browser-native option selection for forms, with grouped options, placeholders, inline variants, and error states. - [Navigation Menu](https://ui.wensity.com/primitives/navigation-menu): Primary navigation with dropdown panels, mega menus, nested links, and full keyboard accessibility for headers. - [Sidebar](https://ui.wensity.com/primitives/sidebar): App sidebars with collapsible rails, grouped sections, badge counts, resizable widths, and keyboard shortcut support. - [Typography](https://ui.wensity.com/primitives/typography): Type primitives for headings, prose blocks, lead and muted text, inline code, and consistently styled lists. ## Component Detail Pages - [Liquid Multimodal Input](https://ui.wensity.com/components/liquid-multimodal-input): An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file. - [Generative Skeleton Mesh](https://ui.wensity.com/components/generative-skeleton-mesh): An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land. - [Voice Aurora Wave](https://ui.wensity.com/components/voice-aurora-wave): A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at. - [Model Context Switcher](https://ui.wensity.com/components/model-context-switcher): A Radix dropdown that scales out from its trigger and glides the selection pill across to meet whichever model you pick. - [Chatgpt Orb](https://ui.wensity.com/components/chatgpt-orb): Low-power WebGL fractal noise that blooms white ink inside a soft circular mask. - [Siri Orb](https://ui.wensity.com/components/siri-orb): A glassy WebGL sphere with a prism ribbon sweeping a full spectrum through it. - [Dynamic Island Toast](https://ui.wensity.com/components/dynamic-island-toast): A pixel-faithful Apple Dynamic Island that morphs, splits, and breathes while it hosts live activities inside your app. - [Infinite Marquee](https://ui.wensity.com/components/infinite-marquee): A seamless, GPU-only logo strip that never stutters or snaps at the loop point. - [Apple-Style Sticky Scroll](https://ui.wensity.com/components/apple-sticky-scroll-sequence): A pinned cinematic section that morphs in lock-step with scroll, staying perfectly in sync whichever way you travel. - [Morphing Shape Background](https://ui.wensity.com/components/morphing-shape-background): Lava-lamp blobs that drift behind your hero at 120fps with no SVG morphing. - [Scrubbable Video Reveal](https://ui.wensity.com/components/scrubbable-video-reveal): An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as you scroll in either direction. - [Perspective Marquee](https://ui.wensity.com/components/perspective-marquee): A 3D tilted image grid with alternating rows scrolling infinitely in both directions. - [Animated Tabs](https://ui.wensity.com/components/animated-tabs): A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image inset and copy in the footer. - [Genie Effect](https://ui.wensity.com/components/genie-effect): A macOS genie minimize built on a real per-slice warp that sucks any window, folder, or panel down into a waiting dock. - [Gooey Navigation Menu](https://ui.wensity.com/components/gooey-navigation-menu): A liquid FAB whose child actions stretch out of the trigger like molten metal. - [macOS Floating Dock](https://ui.wensity.com/components/macos-floating-dock): A magnetic dock where icons inflate near the cursor and push their siblings aside. - [Multi-Select Token Pills](https://ui.wensity.com/components/multi-select-token-pills): A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout. - [Shimmering Skeleton Wrapper](https://ui.wensity.com/components/shimmering-skeleton-wrapper): One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row. - [Cool Button](https://ui.wensity.com/components/cool-button): A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost. - [File Uploader](https://ui.wensity.com/components/file-uploader): A bold red dropzone for any file, with gallery tiles and progress after upload. - [Before After Card](https://ui.wensity.com/components/before-after-card): Drag the handle to wipe between before and after images with absolutely zero lag. - [Follow Cursor Label](https://ui.wensity.com/components/follow-cursor-label): A floating label that trails the cursor across your hover targets with an elastic pop-in and a soft spring settle. - [Mechanical Keyboard](https://ui.wensity.com/components/mechanical-keyboard): A Keychron-style virtual keyboard with per-key travel and real mechanical sound. - [Magic Keyboard](https://ui.wensity.com/components/magic-keyboard): A Mac keyboard with three finishes, a latching caps LED, and ANSI or ISO layouts. - [Fluid Drag-and-Drop Kanban](https://ui.wensity.com/components/fluid-kanban-board): A Trello-grade board running real pointer physics, where every card tilts toward the velocity you throw it across at. - [Multi-Step Morphing Wizard](https://ui.wensity.com/components/multi-step-morphing-wizard): An onboarding card whose container physically reshapes to wrap each new step as the content slides in behind it. - [GitHub-Style Activity Grid](https://ui.wensity.com/components/github-activity-grid): 365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today. - [Metric Card with Sparkline](https://ui.wensity.com/components/metric-sparkline-card): Dashboard cards with a hand-rolled monotone-cubic SVG line and a glowing dot that snaps to wherever you scrub. - [Subscription Tier Card](https://ui.wensity.com/components/subscription-tier-card): An animated 1px conic-gradient border with a soft Wensity Red halo on hover and a CTA that shimmers as you approach. - [Macbook Mockup](https://ui.wensity.com/components/macbook): A closed MacBook that hinges open and powers on when you hover, in ten finishes. - [iPhone Mockup](https://ui.wensity.com/components/iphone-mockup): A thick, extruded iPhone with a machined side rail, side buttons, and lock screen. - [Glass Hopper](https://ui.wensity.com/components/glass-hopper): A frosted glass hopper cycling feature chips through a soft, timed drop-in loop. - [Split-Flap Vestaboard Display](https://ui.wensity.com/components/split-flap-display): A mechanical character cascade in pure CSS 3D, running 80 cells at a solid 60fps. - [Interactive 3D Globe](https://ui.wensity.com/components/interactive-globe): A photo-real Earth carrying animated avatar pins, a soft atmosphere shader, and smooth drag-to-orbit controls. - [Animated Code Diff Viewer](https://ui.wensity.com/components/animated-code-diff): Inline or toggled code diffs rendered inside the same polished code block frame, flipping between before and after. - [Retro Terminal Emulator](https://ui.wensity.com/components/retro-terminal-emulator): CRT phosphor glow, scanlines, and a 240 char/sec typer that never re-renders a single line of output mid-stream. - [Stacked Tinder-Swipe Cards](https://ui.wensity.com/components/stacked-swipe-deck): A real deck where the top card flicks off under your thumb and the one underneath physically rises in real time. - [Physics-Based Confetti Cannon](https://ui.wensity.com/components/confetti-cannon): Hand-rolled canvas particles with gravity, drag, terminal velocity, and paper ribbons that flutter on the way down. - [Refraction Glass Container](https://ui.wensity.com/components/refraction-glass-container): Real refraction, where feDisplacementMap warps the actual pixels sitting behind the card instead of blurring them. - [Bento Box Grid Layout](https://ui.wensity.com/components/bento-box-grid): Responsive dashboard tiles with a click-to-expand focus mode that re-composes the grid around whatever you promote. - [Ambient Aurora Canvas](https://ui.wensity.com/components/ambient-aurora-canvas): Pure-CSS atmospheric lighting with heavy blur and a noise overlay that kills banding. - [Scroll Stack](https://ui.wensity.com/components/scroll-stack): Cards that pin, tilt, and stack into a tidy deck as you scroll, with zero scroll hijacking anywhere in the sequence. - [Orbital Image Carousel](https://ui.wensity.com/components/orbital-image-carousel): Drag a cylindrical photo rail with snapped inertia, keyboard stepping, and depth-aware parallax on every face. - [Dimensional Book Cover](https://ui.wensity.com/components/dimensional-book-cover): A tactile 3D book cover that opens on click with real matte depth, then turns each page on a weighted hinged flip. - [Lifted Archive Folder](https://ui.wensity.com/components/lifted-archive-folder): A tactile archive folder that peels open on click and fans its documents out while the flap hinges away in 3D. - [Fan Hover Card Stack](https://ui.wensity.com/components/fan-hover-card-stack): Hover a stacked profile deck and watch the cards fan outward in sequence while the active one lifts to the front. - [Stack Reveal](https://ui.wensity.com/components/stack-reveal): A React 3D card stack built on Framer Motion where the front card drops away, the deck promotes, then it returns. - [Gradient Stripes](https://ui.wensity.com/components/gradient-blind-backdrop): Raycast-inspired WebGL stripes with a mouse-tracked spotlight and fine film grain. - [Tactile Keyboard](https://ui.wensity.com/components/tactile-keyboard): A 65% QWERTY board with real key travel, live shift legends, and five colorways. - [Text Shimmer](https://ui.wensity.com/components/text-shimmer): A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly. - [Text Flip](https://ui.wensity.com/components/text-flip): A 3D character flip on hover, staggered and springy across every single letter. - [Text Morphing](https://ui.wensity.com/components/text-morphing): Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade. - [Text Char Slide](https://ui.wensity.com/components/text-char-slide): A per-character slide-left cascade with a cleanly staggered entrance timing. - [Text Motion](https://ui.wensity.com/components/text-motion): Headline entrances driven entirely by your own custom Framer Motion variants. - [Text Cycle](https://ui.wensity.com/components/text-cycle): Cycles through your headline words with a soft per-character blur stagger. - [Text Word Flip](https://ui.wensity.com/components/text-word-flip): Spring-loaded word flips paired with a soft letter-by-letter blur stagger. - [Text Blur Reveal](https://ui.wensity.com/components/text-blur-reveal): A blur-in stagger by word or by letter, triggered the moment you scroll. - [Canvas Text](https://ui.wensity.com/components/canvas-text): Loading-ring canvas particles that slowly resolve into solid letterforms. - [Line Fill Text](https://ui.wensity.com/components/line-fill-text): Alpha-cascade ribbons clipped neatly inside the letterforms themselves. - [Text Glitch](https://ui.wensity.com/components/text-glitch): A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly. - [Text Path](https://ui.wensity.com/components/text-path): SVG text riding a curved wave, arc, or circle path on a seamless, light loop. - [Text Highlight](https://ui.wensity.com/components/text-highlight): A hand-placed highlighter band that sweeps in behind your text and tracks wrapping. - [Text Scribble](https://ui.wensity.com/components/text-scribble): Hand-drawn scribble, underline, and strike marks that draw themselves onto text. - [Text Chroma Reveal](https://ui.wensity.com/components/text-chroma-reveal): A chromatic ribbon sweep that paints each of your headlines cleanly into view. - [Text Spectrum](https://ui.wensity.com/components/text-spectrum): An animated multi-stop color wash that drifts endlessly through headlines. - [Text Ripple](https://ui.wensity.com/components/text-ripple): A 3D character ripple with a traveling color crest, CSS-only and GPU-light. ## Block Categories - [hero sections blocks](https://ui.wensity.com/blocks/hero-sections): Modern hero sections that stand out, with gradient meshes, shaders, and split layouts on Next.js and Framer Motion. - [navbars blocks](https://ui.wensity.com/blocks/navbars): Sticky navigation bars with glass blur, animated link underlines, mobile drawers, and adaptive scroll-aware opacity. - [footers blocks](https://ui.wensity.com/blocks/footers): Editorial and multi-column footer layouts with social links, brand wordmark flourishes, and responsive column grids. - [motion blocks](https://ui.wensity.com/blocks/motion): Shader-driven motion backgrounds on WebGL and Three.js, with flowing noise fields, parallax, grain, and vignette. ## Template Detail Pages - [Fintech Template](https://ui.wensity.com/templates/fintech-template): RSC-first fintech template with pricing, FAQ, trust sections, and conversion-focused product storytelling. Built on Next 16 + Tailwind v4. - [Docs Site](https://ui.wensity.com/templates/docs-site): File-based MD/MDX documentation site with generated routes, per-page metadata, sitemap output, sticky navigation, copyable code blocks, and a switchable color palette. - [Minimalistic Portfolio](https://ui.wensity.com/templates/minimalistic-portfolio): A calm, single-page personal portfolio with a banner quote, story, projects, blog, sponsors, GitHub contributions, tech stack and contact. Customize every field live with the in-page editor pill. ## Blog Posts - [The Anatomy of Apple's Design Language](https://ui.wensity.com/blog/the-anatomy-of-apples-design-language): A plain English breakdown of what actually makes Apple's design language feel like Apple, from Liquid Glass to purposeful motion, and how to bring the same principles into your own product. - [How to Recreate Apple's Scroll-Driven Product Pages in React](https://ui.wensity.com/blog/how-to-recreate-apples-scroll-driven-product-pages-in-react): Learn how Apple's scroll-scrubbed product pages actually work, then build the same effect in React with a free, ready-made component and a few lines of code. - [Framer Motion vs CSS Animations: Which Should You Use in 2026?](https://ui.wensity.com/blog/framer-motion-vs-css-animations-which-should-you-use-in-2026): CSS can now handle scroll animations and page transitions natively. Here is a clear, no-fluff comparison of Framer Motion (now Motion) and CSS animations for 2026, with real code and a simple decision guide. - [10 Best React UI Component Libraries in 2026](https://ui.wensity.com/blog/10-best-react-ui-component-libraries-in-2026): A clear, no-fluff ranking of the best React UI component libraries in 2026, with real pricing, open source status, and what each one is actually good for. - [How to optimize a Next.js app in 2026](https://ui.wensity.com/blog/how-to-optimize-your-next-js-16-app-in-2026): A complete Next.js performance optimization guide for App Router teams: Core Web Vitals, bundle size, Server Components, images, fonts, scripts, caching, streaming, React Compiler, and SEO. - [Building Beautiful SaaS Dashboards with Next.js and Tailwind CSS](https://ui.wensity.com/blog/building-beautiful-saas-dashboards-with-nextjs-and-tailwind-css): A practical guide to designing and building modern SaaS dashboards with Next.js, Tailwind CSS, responsive layouts, reusable components, data states, and production-ready UX patterns. - [The Blueprint for a Scalable Design System](https://ui.wensity.com/blog/scalable-design-system-blueprint): A practical blueprint for building a scalable design system with React, Tailwind CSS, design tokens, reusable components, accessibility rules, documentation, and governance. ## Machine-Readable Feeds - [Full content corpus](https://ui.wensity.com/llms-full.txt) - [Sitemap](https://ui.wensity.com/sitemap.xml) - [RSS Feed](https://ui.wensity.com/feed.xml) - [Robots](https://ui.wensity.com/robots.txt) - [Wensity config schema](https://ui.wensity.com/schema/wensity.json)