RSK World - Mobile Drawer & Overlay - Project Files Browser | RSK World

Mobile Drawer & Overlay Files

0 files

0 folders

LICENSE
1.20 KBMar 1, 2026 00:14
LICENSE
Size:
1.20 KB
Modified:
Mar 1, 2026 00:14
Type:
text/plain
Lines:
27
MIT License Copyright (c) 2026 RSK World Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice...
README.md
2.33 KBMar 1, 2026 00:14
README.md
Size:
2.33 KB
Modified:
Mar 1, 2026 00:14
Type:
text/plain
Lines:
41
# Mobile Drawer & Overlay Drawer (side menu) and overlay patterns for mobile menus and filters. This project demonstrates advanced and enterprise-level mobile UI/UX patterns including nested drawers, swipe-to-close gestures, dark mode, custom context menus, drag-and-drop ordering, dynamic data fetching with skeleton loaders, and Progressive Web App (PWA) capabilities. ## Features - **Slide-in Drawer**: Smooth off-canvas side menu with multiple positions (Left, Right, Bottom). - **Backdrop Overla...
api.js
2.61 KBFeb 28, 2026 23:54
api.js
Size:
2.61 KB
Modified:
Feb 28, 2026 23:54
Type:
text/plain
Lines:
79
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ document.addEventListener('DOMContentLoaded', () => { const mockContentArea = document.getElementById('dynamic-content'); ...
context-menu.js
2.42 KBFeb 28, 2026 23:30
context-menu.js
Size:
2.42 KB
Modified:
Feb 28, 2026 23:30
Type:
text/plain
Lines:
70
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ document.addEventListener('DOMContentLoaded', () => { // Select all nav items that can have a context menu ...
drag-drop.js
4.30 KBFeb 28, 2026 23:54
drag-drop.js
Size:
4.30 KB
Modified:
Feb 28, 2026 23:54
Type:
text/plain
Lines:
122
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ document.addEventListener('DOMContentLoaded', () => { const mainNav = document.getElementById('main-nav'); ...
haptics.js
878 bytesFeb 28, 2026 23:30
haptics.js
Size:
878 bytes
Modified:
Feb 28, 2026 23:30
Type:
text/plain
Lines:
32
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ /** * Utility for Haptic Feedback ...
index.html
5.70 KBFeb 28, 2026 23:56
index.html
Size:
5.70 KB
Modified:
Feb 28, 2026 23:56
Type:
text/html
Lines:
137
<!DOCTYPE html> <html lang="en"> <head> <!-- Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 ...
manifest.json
490 bytesFeb 28, 2026 23:55
manifest.json
Size:
490 bytes
Modified:
Feb 28, 2026 23:55
Type:
application/json
Lines:
21
{ "name": "Mobile Drawer App", "short_name": "DrawerApp", "start_url": "./index.html", "display": "standalone", "background_color": "#111827", "theme_color": "#4f46e5", "description": "Mobile Drawer & Overlay PWA Example", "icons": [ { ...
script.js
5.17 KBFeb 28, 2026 23:43
script.js
Size:
5.17 KB
Modified:
Feb 28, 2026 23:43
Type:
text/plain
Lines:
144
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ document.addEventListener('DOMContentLoaded', () => { // Select DOM Elements ...
style.css
12.32 KBFeb 28, 2026 23:57
style.css
Size:
12.32 KB
Modified:
Feb 28, 2026 23:57
Type:
text/x-asm
Lines:
601
Binary file or too large to preview
sw.js
1.92 KBFeb 28, 2026 23:55
sw.js
Size:
1.92 KB
Modified:
Feb 28, 2026 23:55
Type:
text/plain
Lines:
71
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ const CACHE_NAME = 'drawer-app-v1'; const ASSETS_TO_CACHE = [ ...
swipe.js
1.98 KBFeb 28, 2026 23:25
swipe.js
Size:
1.98 KB
Modified:
Feb 28, 2026 23:25
Type:
text/plain
Lines:
59
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ // Expose swipe functionality to global scope for script.js to initialize window.initSwipeToClose = function (drawerConfig) { ...
theme.js
1.36 KBFeb 28, 2026 23:25
theme.js
Size:
1.36 KB
Modified:
Feb 28, 2026 23:25
Type:
text/plain
Lines:
43
/* Project: Mobile Drawer & Overlay Year: 2026 Author/Provider: RSK World Website: https://rskworld.in Contact Email: info@rskworld.com / support@rskworld.in Phone: +91 93305 39277 */ document.addEventListener('DOMContentLoaded', () => { const themeToggleBtn = document.getElementById('theme-toggle'); ...

Select a file from Mobile Drawer & Overlay project to view its contents

Bookmarks

Theme Settings

Color Scheme

Display Options

Font Size

Mobile Drawer & Overlay

File Analysis

Code Quality

Dependencies