Framework Components

Single-file, copy-paste components for React, Vue, Svelte, and Vanilla JavaScript. No dependencies required - just copy the code and use it in your project!

Available Components

Each component is a complete, standalone file that you can copy directly into your project. All components include TypeScript types, error handling, loading states, and are ready to use.

React
React component with hooks and TypeScript
TypeScriptHooks
View Component
Vue
Vue 3 component with Composition API
Vue 3TypeScript
View Component
Svelte
Svelte component with TypeScript
SvelteTypeScript
View Component
Vanilla JS
Plain JavaScript class - works anywhere
No DependenciesUniversal
View Component

Component Features

✨ Features

• Hover preview support

• Loading states

• Error handling

• Customizable styling

• TypeScript support

• Framework optimized

🎨 Customization

• Custom CSS classes

• Theme support

• Responsive design

• Accessibility built-in

• SEO friendly

• Performance optimized

How to Use

Each component is a single file that you can copy directly into your project. No package installation needed - just copy the code from the component page and paste it into your project!

Framework-Specific Components

Single-file, copy-paste components for each framework. No dependencies required - just copy and use!

React
React component with hooks and TypeScript support
Vue
Vue 3 component with Composition API
Svelte
Svelte component with TypeScript support
Vanilla JS
Plain JavaScript class - works anywhere
PageSight | PageSight