Welcome to Frame

Frame

Docs Components GitHub

Introduction
Installation
Quick Start

3D Background
Particle Vortex
Gravity Grid
Scientific Visuals

Hero Image 3D
Standard Effects

Animations
Creative Text

Card
Feature Cards
Creative Cards

Button
Modal
Dropdown
Tabs
Toast
Tooltip
Avatar
Cursors

Theming
CSS Variables
Dark Mode

Components

Toast

Brief notifications that appear temporarily to provide feedback.

Preview

✓Changes saved successfully

✕Something went wrong

ℹNew updates available

Usage

example.tsx
import { toast } from 'framejs-ui';

// Show different toast types
toast.success('Changes saved successfully');
toast.error('Something went wrong');
toast.info('New updates available');
toast.warning('Please review before submitting');

// With options
toast.success('Saved!', {
  duration: 5000,
  position: 'top-right',
});