Experiment Item

2025

A list item component with hover-activated corner markers. Features smooth transitions and minimalist design perfect for showcasing experiments or projects.

Features

•Hover-activated corner markers
•Smooth CSS transitions
•Minimalist design
•Dark mode support
•Accessible and keyboard-friendly

Preview

Open in

Hover over the items below to see the corner markers

Animated Counter

2025

A smooth animated number counter with spring physics. Perfect for dashboards, stats displays, and gamification elements.

Magnetic Button

2025

A button that responds to cursor proximity with a magnetic pull effect. Creates an engaging, playful interaction.

Text Scramble

2025

A text effect that scrambles characters before revealing the final text. Great for headers and loading states.

Usage

Example

<ExperimentItem
      slug="example"
      title="Example Item"
      description="An example experiment item"
      year="2025"
    />