Craft Interfaces That Feel Alive.

Install via npm

npm install @veerone/galileo-glass-ui styled-components

(`react`, `react-dom`, `styled-components` are required peer dependencies)

(Dependencies like `react-spring`, `framer-motion`, `popmotion` are internal and not required for installation.)

Optional Dependencies

Install only if using specific components:

• `chart.js`, `react-chartjs-2`: Required for `DataChart`.
• `date-fns`: Required for date/time pickers (e.g., `GlassDateRangePicker`). Needs `GlassLocalizationProvider` wrapper.

Import & Use Example

Import components and hooks as needed:

// Import components individually for better tree-shaking:
import { GlassButton } from '@veerone/galileo-glass-ui/components/Button'; 
// Or import hooks from the hooks entry point:
import { usePhysicsInteraction } from '@veerone/galileo-glass-ui/hooks';
import styled from 'styled-components';

// Required for 3D tilt effects
const Container = styled.div`perspective: 1000px;`;

function PhysicsButtonExample() {
  const { ref, style } = usePhysicsInteraction({
    animationConfig: 'gentle',
    affectsTilt: true // Enable tilt
  });

  return (
    <Container>
      <GlassButton ref={ref} style={style}>
        Physics Button
      </GlassButton>
    </Container>
  );
}