react-infinity-sidebar
Version:
A fully customizable and responsive sidebar component for React applications, built with TailwindCSS and Headless UI. Easily integrate dynamic navigation menus, dark mode, and various styling options. Designed for dashboards, admin panels, and modern web
105 lines (104 loc) • 3.13 kB
JSON
{
"name": "react-infinity-sidebar",
"private": false,
"version": "1.0.18",
"description": "A fully customizable and responsive sidebar component for React applications, built with TailwindCSS and Headless UI. Easily integrate dynamic navigation menus, dark mode, and various styling options. Designed for dashboards, admin panels, and modern web applications, this component provides a smooth user experience with minimal setup. Supports multiple layouts, collapsible sections, and seamless animations. Works out-of-the-box with TailwindCSS configurations and allows deep customization to match your project’s branding. Enhance your React app’s navigation experience with a professional sidebar solution.",
"main": "dist/my-react-sidebar-tailwind-package.umd.js",
"module": "dist/my-react-sidebar-tailwind-package.es.js",
"types": "dist/index.d.ts",
"style": "dist/sidebar.css",
"type": "module",
"files": [
"dist",
"src",
"dist/fonts"
],
"scripts": {
"dev": "vite",
"build": "vite build",
"build:css": "npx tailwindcss -i ./src/index.css -o ./dist/sidebar.css --minify",
"lint": "eslint .",
"preview": "vite preview"
},
"keywords": [
"react",
"sidebar",
"react-infinity-sidebar",
"navigation",
"ui-component",
"menu",
"responsive",
"dashboard",
"tailwindcss",
"react-sidebar",
"sidebar-component",
"sidebar-pro",
"sidebar-modern",
"sidebar-pro-component",
"sidebar-navigation",
"collapsible-sidebar",
"dropwdown-menu",
"sidebar-menu",
"sidebar-multi-menu",
"dynamic-sidebar",
"animated-sidebar",
"react-sidebar-component",
"sidebar-layout",
"admin-sidebar",
"custom-sidebar",
"dark-mode-sidebar",
"tailwind-sidebar",
"multi-level-sidebar",
"mobile-friendly-sidebar",
"sidebar-ui",
"sidebar-panel",
"modern-sidebar",
"sidebar-toggle",
"sidebar-with-navbar",
"react-navigation-sidebar",
"LuxeSidebar",
"react-pro-sidebar",
"ProSidebarX",
"PrimeSidebar",
"InfinitySidebar",
"UltraSidebar",
"FlexiSidebar",
"SideMaster",
"EasySidebar",
"ReactSidePro",
"SmoothSidebar",
"MegaSidebar"
],
"author": "Khikmat Turaev",
"homepage": "https://github.com/hikmatjan1/sidebar-free",
"repository": {
"type": "git",
"url": "https://github.com/hikmatjan1/sidebar-free"
},
"license": "MIT",
"peerDependencies": {
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-router-dom": "^7.2.0",
"tailwindcss": "^3.4.17"
},
"dependencies": {
"@headlessui/react": "^2.2.0",
"react-icons": "^5.4.0"
},
"devDependencies": {
"@eslint/js": "^9.13.0",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3",
"autoprefixer": "^10.4.20",
"eslint": "^9.13.0",
"eslint-plugin-react": "^7.37.2",
"eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.14",
"globals": "^15.11.0",
"postcss": "^8.5.1",
"tailwindcss": "^3.4.17",
"vite": "^5.4.10"
}
}