About
A block to manage or customize application settings.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds General Settings to your project and fits it to your theme.
Code
How General Settings is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import GeneralSettings from "@/components/ui/general-settings";
export default function DemoOne() {
return (
<>
<div className="p-8 md:p-12">
<GeneralSettings/>
</div>
</>
);
}















![Form [react-aria-components]](https://cdn.21st.dev/cdn-cgi/image/fit=scale-down,width=640,quality=75,format=webp/https://cdn.21st.dev/user_jolbol1/field/814/preview.png)
