Awesome GitHub RepositoriesSmooth Animation Interfaces

cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction

Onboard is an iOS onboarding framework designed for creating guided welcome screen sequences and tutorial flows. It provides a page transition engine to manage navigation and animations between sequential screens containing images, text, and action buttons. The framework includes a SwiftUI UI library with customizable layout components and styles. It features a system for animating content and managing the navigation flow, which allows for the implementation of smooth transitions and fade effects between instructional screens. The project covers background management with support for static

Motion Primitives هي مجموعة أدوات واجهة مستخدم متحركة ومكتبة مكونات رسوم متحركة React مصممة كإطار عمل لحركة الويب. توفر مجموعة من المكونات البصرية القابلة للتخصيص والمبنية مسبقاً والمستخدمة لتنفيذ رسوم متحركة وانتقالات واجهة معقدة داخل بيئة المتصفح. تركز المكتبة على تصميم واجهة المستخدم المتحركة وتلميع الواجهة الأمامية بصرياً. تتيح تطوير مكونات الويب التفاعلية والنماذج الأولية السريعة لواجهة المستخدم من خلال توفير بدائيات قابلة لإعادة الاستخدام تتعامل مع تأثيرات الحركة دون الحاجة إلى منطق مخصص من الصفر. يدمج إطار العمل Framer Motion للانتقالات القائمة على الفيزياء ويستخدم Tailwind CSS للتصميم. يستخدم تجريداً قائماً على المكونات وتعريفات نوع TypeScript لضمان عقود هيكلية لخصائص المكونات.

Ramjet هو محرك رسوم متحركة لـ JavaScript ومكتبة لتحويل عناصر DOM. يعمل كأداة انتقال تقوم بتحريك الحركات والأبعاد بين عناصر HTML مختلفة لإنشاء تحولات بصرية بين حالات الواجهة. تتخصص المكتبة في تحويل العناصر عبر الشجرة، مما يسمح لها بتحريك موضع وأبعاد عنصر ليتطابق مع عنصر آخر بغض النظر عن موقعهما النسبي في تسلسل المستند الهرمي. تحقق ذلك عن طريق حساب الإزاحات البصرية واستخدام آلية استنساخ قابلة للتخصيص لإنشاء وكلاء بصريين مؤقتين. يدير النظام الحركة العضوية من خلال وظائف توقيت مخصصة ومنحنيات تخفيف. ينسق هذه التحويلات باستخدام ترجمات مسرعة بالأجهزة وتحكم في الرؤية يعتمد على التعتيم لنقل العناصر دون تشغيل إعادة تدفق تخطيط المتصفح.

Telegram-X is an open-source Telegram client for Android that prioritizes low-latency message delivery and smooth interface animations. It renders the entire user interface using hardware-accelerated OpenGL canvas drawing instead of standard Android views, and relies on the Telegram Database Library (TDLib) for all API interactions and local database storage. The client distinguishes itself through compile-time feature toggles that allow experimental capabilities to be enabled or disabled before building, a guest session sandbox that isolates temporary user data in ephemeral storage, and a pl

North هي منهجية تصميم ويب متجاوبة وإطار عمل معمارية CSS يعتمد على Sass. توفر نظاماً لبناء واجهات مستخدم تعتمد على الجوال أولاً باستخدام شبكات مرنة وتقنيات التحسين التدريجي لضمان تجربة متسقة عبر قدرات المتصفح وأحجام الشاشات المختلفة. يتميز المشروع بنظام تسمية CSS قياسي يستخدم Sass mixins لتوليد أسماء الفئات برمجياً، مع التمييز بين المكونات، والتخطيطات، والحالات. كما يعمل كأداة لهيكلة مشاريع الواجهة الأمامية، حيث يوفر مولداً لتهيئة بيئات جديدة باستخدام أوراق أنماط ومشغلات مهام مهيأة مسبقاً. بعيداً عن التنسيق، يغطي إطار العمل مساحة واسعة من معايير تطوير الويب، بما في ذلك تنفيذ HTML الدلالي مع بيانات RDFa الوصفية وتدقيق إمكانية الوصول للويب. يدمج استراتيجية تصميم تركز على المحتوى وسير عمل مرن للواجهة الأمامية لتنسيق الانتقال من هندسة المعلومات وشخصيات المستخدم إلى مكونات جاهزة للإنتاج. يتضمن النظام أدوات لأتمتة تسمية CSS وهيكلة قوالب المشاريع لتسريع الإعداد الأولي.

This project is a comprehensive framework for iOS application development, centered on building mobile applications that feature custom user interface components, asynchronous task management, and local data persistence. It serves as a technical knowledge base for software engineering, providing tools to organize and publish architectural analyses and notes in Markdown format. The framework distinguishes itself through a robust document-based storage layer that utilizes BSON-formatted records to perform CRUD operations within a NoSQL document store. It provides extensive system integration ca

Animate UI is an animated UI component library and motion-enhanced design system. It provides a collection of pre-animated interface elements and layout primitives used to build interactive web user interfaces. The library is integrated with the Model Context Protocol, making it an MCP compatible component set that allows AI coding tools to automatically discover and implement its components. It also functions as an accessibility-aware animation framework that respects system-level reduced motion settings. The system covers a broad range of interactive visual effects, including animated typo

This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based dismissal, and event tracking. It serves as a cross-platform keyboard event bus, ensuring consistent keyboard show and hide behavior between iOS and Android. The project features an interactive animation driver that links native keyboard frame events directly to animated values to bypass bridge round-trips. It enables interactive keyboard dismissal via swipe gestures and includes a keyboard preloading system to eliminate first-show latency and input lag. The library provides com

Portfolio is a developer portfolio website and personal blog publishing template built with Next.js, Tailwind CSS, and React. It provides a static-ready framework designed to showcase professional projects and articles through a minimalist interface with responsive layout adaptation. Site content, metadata, and navigation links are managed through a single centralised configuration file to simplify initial project setup and ongoing updates. The interface incorporates a component-driven UI library alongside declarative motion animations that apply spring physics and keyframe transitions to int