Commit activity
Last 12 weeks · 0 commits
Community health
1 of 6 standards met
28
✓README○License○Contributing○Code of Conduct○Issue Template○PR Template
Recent PRs & issues
Quiet · 5 in progress · Last activity 1y ago
See all on GitHub →
fix:** Animated Bear begins from the first letter that is typed in the Input email field when a user inputs an email, the animated bear focuses from the first typed letter of the email. !Screenshot (875)
Feature: Bear Now Follows Cursor Position in Email Field Summary This PR enhances the bear’s animation in the login form by making it react to the cursor position while typing in the email field. Now, when users move their cursor back to edit text, the bear will look towards the active typing area, creating a more dynamic and engaging experience. Changes & Enhancements ✅ Implemented cursor tracking using e.target.selectionStart. ✅ The bear now looks back when the cursor moves to an earlier part of the email. ✅ Smooth transitions ensure a natural and responsive animation. Demo Attached https://github.com/user-attachments/assets/f82bf119-66d9-4f33-bfe8-8438fe509328 Why This Improvement? Improves user engagement with more interactive animations. Makes the bear feel more alive and responsive to user actions. Enhances the overall fun and usability of the login form. Testing & Compatibility Works seamlessly without affecting other animations or input behavior. Looking forward to feedback! 🚀
Not really an issue, but I wanted to see how this might look in a vanilla, no-build implementation, so I made my own version and added a few improvements -- like using canvas to measure the actual width of the text in the email field; and support for inserting or deleting many characters at once with a smooth animation. Just thought I would tip my hat, as it were. Demo: https://jensroland.com/projects/bear/ Repo: https://github.com/JensRoland/tunnel-bear-login
Recent fixes
Fix:** The Animated bear focuses from the first letter of the email, when typed in to the email input field.
Title: Feat: Implement peeking bear animation on password show/hide Description: Implements a peeking bear animation that plays when the user toggles password visibility in the login form. New SVG icons have also been added for the show/hide password button. The hook has been updated to manage the new animation assets. Type of Change: [x] New feature (non-breaking change which adds functionality)
Structured data for AI agents
Repository: addyosmani/tunnel-bear-login. Description: Repro of "The Tunnel Bear" login page Stars: 405, Forks: 80. Primary language: TypeScript. Languages: TypeScript (64.9%), HTML (25.7%), JavaScript (7.9%), CSS (1.5%). Homepage: https://bear.addy.ie Topics: login. Open PRs: 5, open issues: 1. Last activity: 1y ago. Community health: 28%. Top contributors: addyosmani, FrigaZzz.