Posts

Showing posts with the label Dark Mode UI

React Native Orb Loader – Glow UI Animation | FuzzuTech

Image
  Demo : Click Video 👇👇👇 🌟 Featured : 🔁 Looping Orb Spin Animation 💡 Typewriter-style text 🌈 Gradient overlays with glow effects 📱 Ideal for splash screens 🔧 Tools Used: React Native, Animated API, Easing, JS, CSS-like styles Code : OrbLoader.js import React, { useRef, useEffect, useState } from 'react'; import { View, StyleSheet, Animated, Easing, Dimensions, Text, } from 'react-native'; const { width } = Dimensions.get('window'); const SIZE = 250; const RADIUS = SIZE / 2; const OrbLoader = () => { const rotateAnim = useRef(new Animated.Value(0)).current; const pulseAnim = useRef(new Animated.Value(1)).current; const [displayText, setDisplayText] = useState('Loading...'); const fullText = 'Loading...'; useEffect(() => { // Rotation animation Animated.loop( Animated.timing(rotateAnim, { toValue: 1, duration: 4000, easing: Easing.linear, useNativeD...