Posts

Showing posts with the label javascript

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...

👉 Modern Eye Password Toggle UI using HTML, CSS & JavaScript | Stylish Login Form

Image
Demo : Click Video 👇👇👇 Features: ✅ Modern UI (Glassmorphism effect) ✅ Eye Icon Toggle (Show/Hide Password) ✅ Fully Responsive ✅ Smooth Animations Code : 📂 Folder Structure: /password-toggle-form     ├── index.html     ├── style.css     ├── script.js   🔹 index.html <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Login Form with Eye Toggle</title>     <link rel="stylesheet" href="style.css">     <script defer src="script.js"></script>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> </head> <body>     <div class="login-container">         <h2>Login</h2>       ...