About
Here is Rounded Box component
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Rounded Box to your project and fits it to your theme.
Code
How Rounded Box is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
// src/demos/default.tsx
'use client';
import React from 'react';
import { SpinningSphereBackground } from '@/components/ui/rounded-box';
const DefaultDemo: React.FC = () => {
return (
<div style={{ width: '100vw', height: '100vh', position: 'relative' }}>
<SpinningSphereBackground />
{/* You can add other content here that floats above the canvas if needed */}
</div>
);
};
export default DefaultDemo;Dependencies
More by kristen17
View all
Course Design Cards
1.1K
Message Design Card List
64