#What is Wandry UI?

Wandry UI is a sleek, developer-first UI library designed to streamline the creation of beautiful, interactive web interfaces using React. Hosted at ui.wandry.com.ua, it provides a collection of production-ready components that blend seamlessly into modern stacks, allowing you to focus on functionality rather than styling from scratch. Ideal for solo developers, agencies, or teams crafting everything from marketing sites to complex dashboards, Wandry UI leverages Tailwind's utility classes for rapid customization and Framer Motion for subtle animations that enhance user engagement. As an open-source project, it promotes community contributions and aligns with the Shadcn UI ecosystem for modular, unstyled primitives—making it a versatile choice for anyone seeking polished UIs without the overhead.

#Features ⚡️

• Copy-Paste Components: Ready-to-use elements like buttons, cards, and modals—drop them directly into your code.

• Animation Support: Framer Motion integration for smooth transitions, hovers, and loading states.

• Tailwind-Powered Styling: Utility-first approach for themeable, responsive designs with built-in dark mode.

• TypeScript Native: Full type safety for props, events, and state management.

• Shadcn UI Compatible: Follows the same patterns for easy extension in existing projects.

• Accessibility Focused: ARIA-compliant by default, with keyboard navigation and screen reader support.

#Pros ✅

• Developer Velocity: Copy-paste simplicity speeds up prototyping without config hassles.

• Modern Stack Alignment: Perfect for Tailwind and React users, with Motion for delightful interactions.

• Customizable & Free: Open-source freedom to tweak and scale for any project.

• Responsive Out-of-Box: Handles mobile, tablet, and desktop seamlessly.

• Community Potential: Encourages contributions for ongoing improvements.

#Cons ⚠️

• Limited Initial Scope: Core set of components; may need supplements for niche needs.

• Tailwind Dependency: Assumes Tailwind setup—less ideal for CSS-in-JS purists.

• Emerging Docs: While intuitive, detailed examples are still evolving.

• No CLI Installer: Relies on manual copy-paste vs. automated tools.

• Animation Overhead: Motion effects add flair but require optimization for low-end devices.

#Included Components - Templates

Wandry UI includes a curated selection of React components and templates, each with live previews and code snippets:

• Core Primitives: Button (variants: primary, secondary, outline), Input, Select, Checkbox.

• Layout Blocks: Card (with shadows and hovers), Grid layouts, Hero sections with animations.

• Navigation: Navbar, Sidebar (collapsible), Tabs with smooth switching.

• Feedback Elements: Toast notifications, Progress bars, Skeleton loaders.

• Templates: Full-page starters like Dashboard layout, Landing page hero, and Form wrappers.

These are modular—e.g., combine a Card with Button for quick feature highlights.

#Pricing 💸

Wandry UI is completely free and open-source under the MIT license. No paid tiers, subscriptions, or premium features—all components and templates are accessible for personal or commercial use. Support development by starring the repo or contributing PRs.

#Integrations 🧰

#Optimized for the React ecosystem:

• React & Next.js: Core support with hooks for state and routing.

• Tailwind CSS: Utility styling for themes and responsiveness.

• Framer Motion: Animation library for interactive elements.

• Shadcn UI: Compatible registry for layered primitives.

• TypeScript: Built-in typing for robust development.

• Vite/Webpack: Bundles efficiently in modern setups.