{"id":25911,"library":"luxe-web-framework","title":"Luxe Web Framework","description":"Luxe Web Framework is a React-based UI component library (v1.7.50) providing reusable components with TypeScript support. It requires React 16+ and peer dependencies like react-dom. The library is distributed as both ESM and CJS, but CSS must be imported separately. It is actively maintained with weekly releases. Key differentiators: lightweight, minimal dependencies, and focus on modern React patterns.","status":"active","version":"1.7.50","language":"javascript","source_language":"en","source_url":null,"tags":["javascript"],"install":[{"cmd":"npm install luxe-web-framework","lang":"bash","label":"npm"},{"cmd":"yarn add luxe-web-framework","lang":"bash","label":"yarn"},{"cmd":"pnpm add luxe-web-framework","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency: JSX runtime required","package":"react","optional":false},{"reason":"peer dependency: DOM rendering required","package":"react-dom","optional":false}],"imports":[{"note":"Default export is a single component or library entry point.","wrong":"import { MyComponent } from 'luxe-web-framework'","symbol":"default","correct":"import MyComponent from 'luxe-web-framework'"},{"note":"ESM-only; CJS require() does not work with default export.","wrong":"const MyComponent = require('luxe-web-framework')","symbol":"MyComponent","correct":"import MyComponent from 'luxe-web-framework'"},{"note":"CSS must be imported separately as a side-effect, not as a named import.","wrong":"import { CSS } from 'luxe-web-framework'","symbol":"CSS","correct":"import 'luxe-web-framework/dist/index.css'"}],"quickstart":{"code":"import React from 'react';\nimport MyComponent from 'luxe-web-framework';\nimport 'luxe-web-framework/dist/index.css';\n\nfunction App() {\n  return <MyComponent />;\n}\n\nexport default App;","lang":"typescript","description":"Install and use Luxe Web Framework in a React app."},"warnings":[{"fix":"Add import 'luxe-web-framework/dist/index.css' in your app entry.","message":"CSS must be imported separately; not included in JS bundle.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Ensure react and react-dom are installed.","message":"Requires React 16+ as peer dependency.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Upgrade React to 16+.","message":"Version 1.0.0 dropped support for React 15.","severity":"breaking","affected_versions":">=1.0.0 <2.0.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run npm install luxe-web-framework and ensure import path is correct.","cause":"Missing package install or incorrect import path.","error":"Cannot find module 'luxe-web-framework' or its corresponding type declarations."},{"fix":"Verify the CSS file exists at node_modules/luxe-web-framework/dist/index.css or adjust the import path.","cause":"CSS file not copied or path incorrect.","error":"Module not found: Can't resolve 'luxe-web-framework/dist/index.css'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}