Join our Discord Community
N

Open source and free shadcn/ui templates by Niazmorshed2007 (3 templates)

3 open source shadcn/ui templates • Community-driven

3
Templates
3
Technologies

Technologies Used

All Templates (3)

Shadcn Tiptap template preview
Shadcn Tiptap
Shadcn Tiptap is a collection of custom extensions and toolbars for Tiptap editor designed to work seamlessly with shadcn/ui components, installable via shadcn/cli for easy integration. The MIT-licensed project provides enhanced rich text editing capabilities with custom toolbars, specialized extensions, and beautiful UI components that maintain shadcn/ui's design language. Built with Next.js, Tailwind CSS, shadcn/ui components, and Tiptap's powerful editing framework, the library focuses on developer experience through easy installation and customization. The project offers modern rich text editing solutions with flexible toolbar configurations, custom extensions for advanced functionality, and smooth integration with existing shadcn/ui projects. Perfect for content management systems requiring rich editing, blogging platforms, documentation sites with editable content, or any application needing sophisticated WYSIWYG editing capabilities with shadcn/ui's polished design and Tiptap's extensible architecture, providing developers with production-ready editing tools without building from scratch.
Updated October 8, 2025
Shadcn Address Autocomplete template preview
Shadcn Address Autocomplete
Shadcn Address Autocomplete is an intelligent address input component built with Next.js, Tailwind CSS, shadcn/ui, Zod validation, and Google Places API integration, designed to simplify and improve the accuracy of address entry in web applications. This responsive, user-friendly component provides autocomplete suggestions as users type, leveraging Google's extensive location database to help users quickly and accurately enter complete address information without tedious manual input. The integration with shadcn/ui ensures consistent styling and accessibility standards, while Zod validation provides runtime type safety for address data. Perfect for e-commerce checkout flows, delivery service applications, real estate platforms, form builders requiring address fields, or any application where address accuracy directly impacts business operations and user satisfaction. The component handles the complexity of API integration, rate limiting, and result formatting, allowing developers to implement professional address autocomplete functionality without building from scratch. Important implementation note: the live demo uses mock data for demonstration purposes, and developers should properly configure their own Google Places API keys for production use to ensure reliable, accurate autocomplete functionality with appropriate usage limits and security measures.
Updated October 8, 2025
Shadcn Tour template preview
Shadcn Tour
Shadcn Tour is a React component library built with Next.js, TypeScript (97.1%), shadcn/ui, Tailwind CSS, and motion, designed for creating interactive product tours that guide users through application features with step-by-step highlights and configurable positioning. This flexible tour system provides a TourProvider context for managing tour state, TourAlertDialog for starting or skipping tours, useTour hook for accessing tour-related functions and states, support for step-by-step tours with dynamic positioning, and the ability to highlight specific UI elements during the tour experience. By creating guided user experiences that introduce key features effectively, Shadcn Tour addresses the challenge of user onboarding and feature discovery that significantly impacts product adoption and user success. Perfect for SaaS applications introducing complex workflows, feature-rich products preventing user overwhelm, new releases highlighting updates, or any application where effective onboarding reduces support requests and increases feature utilization. The component's ability to dynamically set tour steps, control progression, highlight specific elements, and customize appearance enables developers to create contextual, adaptive tours that respond to different user segments or application states, making onboarding experiences more relevant and effective than static tutorials or documentation alone can provide, ultimately improving user activation rates and time-to-value for products requiring initial guidance to unlock full potential.
Updated October 8, 2025

Similar Authors

Based on shared technologies

Discover other authors who work with similar technologies and create amazing shadcn/ui templates.