Package Exports

suggestied-lesscode-ui
suggestied-lesscode-ui/dist/index.esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (suggestied-lesscode-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

LessCode UI

LessCode UI is a powerful, metadata-driven component library for React and Tailwind CSS, designed to work seamlessly with Next.js and Supabase. Build customizable, production-ready UI components with ease.

🚀 Features

Prebuilt Components – Buttons, Inputs, Modals, and more.
Tailwind Native – Uses your existing Tailwind config.
Metadata-Driven – Auto-generate docs and no-code building.

📦 Installation

Install LessCode UI with your favorite package manager:

npm install suggestied-lesscode-ui
# or
yarn add suggestied-lesscode-ui
# or
bun add suggestied-lesscode-ui

🛠 Usage

Import components and start building:

import { Button } from "suggestied-lesscode-ui";

export default function App() {
  return <Button variant="primary" size="lg">Click Me</Button>;
}

Make sure your Tailwind CSS is configured correctly in tailwind.config.js:

module.exports = {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

📚 Available Components

Component	Description
`Button`	Customizable button
`Input`	Styled input field

Each component supports props for easy customization.

🔍 Example Metadata

LessCode UI components come with metadata that can be used to dynamically generate documentation and enable no-code integrations.

{
  "component": "Button",
  "description": "A customizable button component.",
  "props": [
    {
      "name": "variant",
      "type": "enum",
      "values": ["default", "primary", "secondary"],
      "default": "default",
      "description": "Defines the button style."
    }
  ]
}

🏗 Roadmap

Core UI components (Buttons, Inputs, Modals)
Advanced components (Charts, Forms)
Supabase Integration for real-time data
No-code drag-and-drop builder
Theming & Dark Mode Support

🤝 Contributing

Want to help improve LessCode UI? Here's how to get started:

Fork the repo.
Create a feature branch: git checkout -b feature-name
Commit your changes: git commit -m "feat: added new feature"
Push and open a PR.

📄 License

Licensed under the MIT License. See LICENSE for details.

⭐ Support

If you find this project helpful, please consider giving it a star ⭐ on GitHub. Your support helps drive development!

LessCode UI - "Code less, build more!" 🚀