Loading [00]

Miraiyug - Component Test Suite

All implemented components and demos

Video Hero

Main hero section with video background and centered content

Connecting industrial needs with custom-engineered solutions.

Automation, and intelligent digital transformation.

3D Card Demo

Interactive 3D cards with hover effects - 3 cards side by side

SAS Development

Custom software solutions built with modern technologies and best practices

SAS development
Learn More →
Industrial Solutions

Advanced robotics systems and automation solutions for industrial applications

industrial solutions
Learn More →
AI Automations

Intelligent automation systems powered by artificial intelligence and machine learning

AI automations
Learn More →
R&D

Research and development of cutting-edge technologies and innovative solutions

research and development
Learn More →

Background Boxes Demo

Animated background boxes effect

Tailwind is Awesome

Framer motion is the best animation library ngl

Macbook Scroll Demo

Macbook-style scroll animation with image

Miraiyug AI powers the future.
Built with cutting-edge technology.

aceternity logo
esc
F1
F2
F3
F4
F5
F6
F7
F8
F8
F10
F11
F12
~`
!1
@2
#3
$4
%5
^6
&7
*8
(9
)0
_
+ =
delete
tab
Q
W
E
R
T
Y
U
I
O
P
{[
}]
|\
caps lock
A
S
D
F
G
H
J
K
L
:;
"'
return
shift
Z
X
C
V
B
N
M
<,
>.
?/
shift
fn
control
option
command
command
option

Wobble Card Demo

Interactive wobble cards with hover effects and responsive grid layout

Miraiyug AI powers the entire universe

With over 100,000 monthly active users, Miraiyug AI is the most premium AI platform for developers.

Miraiyug AI platform visualization

Premium quality, no compromises.

If you demand excellence, premium service, and cutting-edge technology, you've found it.

Signup for blazing-fast cutting-edge state of the art Miraiyug AI platform today!

With over 100,000 monthly active users, Miraiyug AI is the most premium AI platform for developers.

Miraiyug AI platform technology showcase

Lamp Demo

Lamp effect with animated text

Welcome to Miraiyug
Build amazing websites

Text Effects

Various text animation effects

Typewriter Effect

The road to innovation starts from here

Build 
awesome 
apps 
with 
Miraiyug. 

Text Hover Effect

MIRAIYUGMIRAIYUGMIRAIYUG

Custom Text Hover Effect (MIRAIYUG)

MIRAIYUGMIRAIYUGMIRAIYUG

Flip Words Effect

Build
better 

websites with Aceternity UI

Component Status

✅ Implemented

  • • Video Hero with centered content
  • • 3D Card Demo (3 cards)
  • • Background Boxes Demo
  • • Macbook Scroll Demo
  • • Wobble Card Demo
  • • Lamp Demo
  • • Typewriter Effect
  • • Text Hover Effect
  • • Custom Text Hover Effect
  • • Flip Words Effect

🔧 Features

  • • Responsive design
  • • Hover animations
  • • Video background
  • • Interactive elements
  • • Modern UI components
  • • Smooth transitions

📝 Notes

  • • All components from Aceternity UI
  • • Customized for Miraiyug theme
  • • White theme implemented
  • • Video hero optimized
  • • Ready for production

How to Add New Components

Steps to add a new component:

  1. Create your component in src/components/
  2. Import it at the top of this file
  3. Add a new section below with the same structure
  4. Update the Component Status section
  5. Test the component in this page