{"id":51621114,"url":"https://github.com/nexuls/ui.nexul.in","last_synced_at":"2026-07-12T19:43:29.987Z","repository":{"id":330413388,"uuid":"1113342769","full_name":"nexuls/ui.nexul.in","owner":"nexuls","description":"Some useful UI Components.","archived":false,"fork":false,"pushed_at":"2026-05-16T04:50:15.000Z","size":1849,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-07-12T19:43:28.895Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://ui-nexul-in.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nexuls.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-09T21:07:57.000Z","updated_at":"2026-05-16T04:50:19.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/nexuls/ui.nexul.in","commit_stats":null,"previous_names":["neuronexul/ui.nexul.in","nexuls/ui.nexul.in"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nexuls/ui.nexul.in","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexuls%2Fui.nexul.in","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexuls%2Fui.nexul.in/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexuls%2Fui.nexul.in/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexuls%2Fui.nexul.in/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nexuls","download_url":"https://codeload.github.com/nexuls/ui.nexul.in/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexuls%2Fui.nexul.in/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35401732,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-12T02:00:06.386Z","response_time":87,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-07-12T19:43:29.317Z","updated_at":"2026-07-12T19:43:29.968Z","avatar_url":"https://github.com/nexuls.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nexul UI\n\n\u003cdiv align=\"center\"\u003e\n\n![Next.js](https://img.shields.io/badge/Next.js-16.1-black?style=flat-square\u0026logo=next.js)\n![React](https://img.shields.io/badge/React-19-61DAFB?style=flat-square\u0026logo=react)\n![TypeScript](https://img.shields.io/badge/TypeScript-5.x-3178C6?style=flat-square\u0026logo=typescript)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.x-06B6D4?style=flat-square\u0026logo=tailwindcss)\n![License](https://img.shields.io/badge/License-MIT-green?style=flat-square)\n\n**A collection of complex, reusable React components built on top of Shadcn UI**\n\n[Documentation](https://ui.nexul.in) · [Components](#components) · [Getting Started](#getting-started)\n\n\u003c/div\u003e\n\n---\n\n## ✨ What is Nexul UI?\n\nNexul UI is **not** another custom component library to showcase design skills. Instead, it's a curated collection of **complex and reusable components** that solve real UX challenges—components that are often difficult and time-consuming to build from scratch.\n\n### Key Features\n\n- 🎨 **Built on Shadcn UI** — Leverages Shadcn's design system and distribution model\n- 📦 **Copy-paste Components** — All code lives in your project for full customization\n- 🔧 **Minimal Styling** — Functional and accessible by default, style with Tailwind or your preferred method\n- ⚡ **React 19 \u0026 Next.js 16** — Built with the latest React and Next.js features\n- 📝 **TypeScript First** — Full type safety out of the box\n- 🌐 **RSC Compatible** — Supports React Server Components\n\n## 📚 Components\n\n### Layout Components\n\n| Component | Description |\n|-----------|-------------|\n| **Masonry Row Grid** | A responsive masonry layout with justified or naive algorithms for optimal item placement |\n\n### Art \u0026 Visual Components\n\n| Component | Description |\n|-----------|-------------|\n| **SVG Particles** | Interactive particle system that renders SVG paths with mouse-driven scatter/spill effects |\n\n### Base UI Components\n\nBuilt on Radix UI primitives with Shadcn styling:\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js 18+\n- A project using React 18+ and Tailwind CSS\n- Shadcn UI configured in your project\n\n### Installation\n\nNexul UI uses the Shadcn CLI for component installation. Add the Nexul registry to your `components.json`:\n\n```json\n{\n  \"registries\": {\n    \"@nexul\": \"https://ui.nexul.in/r/{name}.json\"\n  }\n}\n```\n\nThen install components using:\n\n```bash\nnpx shadcn@latest add @nexul/masonry-row\nnpx shadcn@latest add @nexul/svg-particles\n```\n\n## 🛠️ Development\n\n### Clone and Install\n\n```bash\ngit clone https://github.com/NeuroNexul/ui.nexul.in.git\ncd ui.nexul.in\nnpm install\n```\n\n### Run Development Server\n\n```bash\nnpm run dev\n```\n\n### Build for Production\n\n```bash\nnpm run build\n```\n\n### Build Registry\n\n```bash\nnpm run registry:build\n```\n\n## 📁 Project Structure\n\n```\nui.nexul.in/\n├── app/                   # Next.js App Router pages\n│   ├── docs/              # Documentation pages\n│   └── api/               # API routes\n├── components/\n│   ├── ui/                # Base UI components\n│   ├── mdx/               # MDX-specific components\n│   └── extras/            # Additional utilities\n├── content/docs/          # MDX documentation content\n├── registry/              # Component registry source\n│   ├── art/               # Visual/artistic components\n│   └── layouts/           # Layout components\n├── lib/                   # Utility functions\n└── public/r/              # Built registry JSON files\n```\n\n## 🧰 Tech Stack\n\n- **Framework:** [Next.js 16](https://nextjs.org/) with App Router \u0026 Turbopack\n- **UI Primitives:** [Radix UI](https://www.radix-ui.com/)\n- **Styling:** [Tailwind CSS 4](https://tailwindcss.com/)\n- **Documentation:** [Fumadocs](https://fumadocs.vercel.app/)\n- **Component System:** [Shadcn UI](https://ui.shadcn.com/)\n- **Icons:** [Lucide React](https://lucide.dev/)\n- **Code Highlighting:** [Shiki](https://shiki.style/)\n\n## ⚠️ Disclaimer\n\n\u003e Nexul UI is a **personal project** and is not meant to be actively maintained or widely used. It serves as a collection of components for personal applications.\n\u003e\n\u003e You can use it without any restrictions, but please be aware that it may not receive regular updates or support. Feel free to [contact me](https://www.nexul.in) if you encounter any issues.\n\u003e\n\u003e — [Arif Sardar](https://www.nexul.in)\n\n## 📄 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\nMade with ❤️ by [NeuroNexul](https://www.nexul.in)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnexuls%2Fui.nexul.in","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnexuls%2Fui.nexul.in","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnexuls%2Fui.nexul.in/lists"}