# Thanks & Credits ManyPI wouldn't be possible without the incredible work of open-source developers and the inspiration from amazing products. We're grateful to everyone who has contributed to the tools and ideas that power our platform. ## Design Inspiration ### Dub.co A huge thank you to the team at Dub.co for creating such a beautiful and functional design system. Their approach to modern web design, clean layouts, and attention to detail has been a major inspiration for ManyPI's interface. The way they handle navigation, content hierarchy, and visual polish set a high bar for SaaS products. Website: https://dub.co GitHub: https://github.com/dubinc/dub ### Vercel Vercel's design philosophy of simplicity, speed, and elegance has been a constant source of inspiration. Their minimalist approach to UI design, focus on performance, and attention to typography and spacing have influenced how we think about user experience. From their marketing pages to their dashboard, Vercel demonstrates how to build products that are both powerful and beautiful. Website: https://vercel.com GitHub: https://github.com/vercel ## Core Technologies ### Next.js The React framework that powers ManyPI's frontend. Next.js makes it easy to build fast, SEO-friendly applications with server-side rendering and static generation. Maintainer: Vercel Website: https://nextjs.org GitHub: https://github.com/vercel/next.js ### React The foundational library for building our user interface. React's component-based architecture makes it possible to create reusable, maintainable UI elements. Maintainer: Meta Website: https://react.dev GitHub: https://github.com/facebook/react ### TypeScript Type safety and better developer experience. TypeScript helps us catch bugs early and makes our codebase more maintainable. Maintainer: Microsoft Website: https://www.typescriptlang.org GitHub: https://github.com/microsoft/TypeScript ### Tailwind CSS The utility-first CSS framework that powers our design system. Tailwind makes it incredibly fast to build custom designs without leaving your HTML. Maintainer: Tailwind Labs Website: https://tailwindcss.com GitHub: https://github.com/tailwindlabs/tailwindcss ## UI Components & Libraries ### shadcn/ui A collection of beautifully designed, accessible components built with Radix UI and Tailwind CSS. shadcn/ui provides the perfect starting point for building modern web applications with a consistent design system. The copy-paste approach gives us full control while maintaining best practices. Creator: @shadcn Website: https://ui.shadcn.com GitHub: https://github.com/shadcn-ui/ui ### Radix UI Unstyled, accessible components that form the foundation of our UI (via shadcn/ui). Radix provides rock-solid primitives for building high-quality design systems with proper accessibility built-in. Website: https://www.radix-ui.com GitHub: https://github.com/radix-ui/primitives Components we use: - Accordion, Alert Dialog, Aspect Ratio, Avatar - Checkbox, Collapsible, Context Menu, Dialog - Dropdown Menu, Hover Card, Label, Menubar - Navigation Menu, Popover, Progress, Radio Group - Scroll Area, Select, Separator, Slider - Slot, Switch, Tabs, Toggle, Tooltip ### Lucide React Beautiful, consistent icons that make our interface clear and intuitive. Lucide provides a comprehensive icon library with a clean, modern aesthetic. Website: https://lucide.dev GitHub: https://github.com/lucide-icons/lucide ### Framer Motion Smooth, performant animations that bring our interface to life. Framer Motion makes it easy to create delightful user experiences. Website: https://www.framer.com/motion GitHub: https://github.com/framer/motion ### Cobe The beautiful 3D globe visualization on our homepage. Cobe creates stunning WebGL globes with minimal configuration. GitHub: https://github.com/shuding/cobe ### React Three Fiber React renderer for Three.js, enabling 3D graphics in our interface. Website: https://docs.pmnd.rs/react-three-fiber GitHub: https://github.com/pmndrs/react-three-fiber ## Form & Data Handling ### React Hook Form Performant, flexible forms with easy validation. Makes form handling a breeze. Website: https://react-hook-form.com GitHub: https://github.com/react-hook-form/react-hook-form ### Zod TypeScript-first schema validation. Ensures data integrity throughout our application. Website: https://zod.dev GitHub: https://github.com/colinhacks/zod ### @hookform/resolvers Validation resolvers for React Hook Form, integrating seamlessly with Zod. GitHub: https://github.com/react-hook-form/resolvers ## UI Utilities ### class-variance-authority (CVA) Type-safe variant management for component styling. Makes it easy to create consistent, reusable components. GitHub: https://github.com/joe-bell/cva ### clsx Tiny utility for constructing className strings conditionally. GitHub: https://github.com/lukeed/clsx ### tailwind-merge Merge Tailwind CSS classes without style conflicts. GitHub: https://github.com/dcastil/tailwind-merge ### cmdk Fast, composable command menu for React. Powers our command palette. Website: https://cmdk.paco.me GitHub: https://github.com/pacocoursey/cmdk ## Additional Libraries ### next-themes Perfect dark mode support for Next.js applications. GitHub: https://github.com/pacocoursey/next-themes ### date-fns Modern JavaScript date utility library. Simple, consistent, and reliable. Website: https://date-fns.org GitHub: https://github.com/date-fns/date-fns ### react-day-picker Flexible date picker component for React. Website: https://react-day-picker.js.org GitHub: https://github.com/gpbl/react-day-picker ### Embla Carousel Lightweight carousel library with fluid motion and swipe precision. Website: https://www.embla-carousel.com GitHub: https://github.com/davidjerleke/embla-carousel ### Recharts Composable charting library built on React components. Website: https://recharts.org GitHub: https://github.com/recharts/recharts ### Sonner Opinionated toast component for React. Beautiful notifications made easy. Website: https://sonner.emilkowal.ski GitHub: https://github.com/emilkowalski/sonner ### Vaul Unstyled drawer component for React. Smooth, accessible drawers. GitHub: https://github.com/emilkowalski/vaul ### Shiki Beautiful syntax highlighter powered by TextMate grammars. Website: https://shiki.style GitHub: https://github.com/shikijs/shiki ### input-otp Accessible one-time password component for React. GitHub: https://github.com/guilhermerodz/input-otp ### react-resizable-panels Resizable panel groups for React applications. GitHub: https://github.com/bvaughn/react-resizable-panels ## Development Tools ### ESLint Pluggable linting utility for JavaScript and TypeScript. Keeps our code clean and consistent. Website: https://eslint.org GitHub: https://github.com/eslint/eslint ### tw-animate-css Tailwind CSS plugin for Animate.css animations. GitHub: https://github.com/bentzibentz/tailwindcss-animate ## Special Thanks - **The Open Source Community**: For building and maintaining the incredible tools that make modern web development possible. - **Vercel**: For Next.js, hosting infrastructure, and pushing the web forward. - **The Tailwind Team**: For revolutionizing how we think about CSS. - **Radix UI Team**: For setting the standard for accessible, unstyled components. - **All Package Maintainers**: For dedicating countless hours to maintaining the libraries we depend on. - **Design Community**: For sharing knowledge, patterns, and inspiration that helps us build better products. ## Contributing If you've contributed to any of the projects mentioned above, thank you! Your work makes projects like ManyPI possible. If you'd like to contribute to ManyPI or report issues, please visit our GitHub repository or contact us through our website. --- Built with ❤️ by the ManyPI team in Germany Website: https://manypi.com Contact: https://manypi.com/contact