Add more new references

Author: r48n34

pages/resources/CSS_Tools/shadow.mdx

@@ -34,4 +34,12 @@ Shadow css to your elements.
 .someClass{
     text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
 }
-``` 
+```
+
+### - CSSGEN Box Shadow
+- CSSGEN box shadow generator to create customizable box shadows.        
+[https://cssgenerator.org/box-shadow-generator.html](https://cssgenerator.org/box-shadow-generator.html)
+
+### - CSS Gradient Box Shadow
+- Create beautiful box shadows with gradient colors.        
+[https://cssgradient.io/blog/css-box-shadow/](https://cssgradient.io/blog/css-box-shadow/)

pages/resources/General_Elements/AI_Tools/aiOnline.mdx

@@ -20,4 +20,67 @@ https://stablediffusionweb.com/
 ## Text to Music  
 ### - suno     
 Make a song about anything.         
-https://suno.com/     
+https://suno.com/     
+
+## Text to Speech / Voice
+### - elevenlabs     
+AI voice generator with realistic text-to-speech and voice cloning.       
+https://elevenlabs.io/    
+
+### - Coqui     
+Open source voice synthesis and voice cloning.       
+https://coqui.ai/     
+
+
+## Code Generation
+### - github copilot     
+AI pair programmer that suggests code completions and entire functions.       
+https://github.com/features/copilot    
+
+### - cursor     
+AI-first code editor built for pair programming.       
+https://cursor.sh/     
+
+
+## Image Editing
+### - remove.bg     
+Automatically remove backgrounds from images for free.       
+https://remove.bg/    
+
+### -cleanup.pictures     
+Remove unwanted objects, people, or text from images.       
+https://cleanup.pictures/     
+
+
+## AI Assistants / Chatbots
+### - chatgpt     
+OpenAI's conversational AI assistant with GPT models.       
+https://chat.openai.com/    
+
+### - claude     
+Anthropic's AI assistant focused on being helpful, harmless, and honest.       
+https://claude.ai/    
+
+### - grok     
+xAI's conversational AI with real-time knowledge.       
+https://x.ai/grok     
+
+
+## Video Generation
+### - runway     
+AI-powered video editing and generation platform.       
+https://runwayml.com/    
+
+### - pika     
+Text and image to video generation AI.       
+https://pika.art/     
+
+
+## Document / Presentation
+### - gamma     
+AI-powered presentation software for generating slides.       
+https://gamma.app/    
+
+### - tome     
+AI storytelling tool for presentations and narratives.       
+https://tome.app/     

pages/resources/General_Elements/Design/Fonts.mdx

@@ -0,0 +1,80 @@
+---
+sidebar_position: 5
+title: 🎨 Fonts
+---
+
+import { Callout } from 'nextra-theme-docs'
+
+# Fonts
+
+These fonts can be use to your project for free
+
+## References     
+
+### - fontsinuse
+- An independent archive of typography. Made possible by sponsors like Frere-Jones Type 
+https://fontsinuse.com/  
+
+### - Google Fonts `(Recommended)`
+- The #1 free resource for fonts, making the web more beautiful with open-source fonts and icons.  
+https://fonts.google.com/  
+
+### - Fontpair `(Recommended)`
+- Beautiful font pairings to inspire your next design project.  
+https://fontpair.co/  
+
+### - DaFont
+- Archive of free fonts with thousands of fonts categorized by style.  
+https://www.dafont.com/  
+
+### - Fontshare
+- Free fonts from the Indian Type Foundry.  
+https://www.fontshare.com/  
+
+### - Typewolf
+- Font recommendations and typeface inspiration for designers.  
+https://www.typewolf.com/  
+
+### - Fonts.Adobe
+- Explore Adobe Fonts including thousands of typefaces with flexible licensing.  
+https://fonts.adobe.com/  
+
+### - Abstract Fonts
+- Free fonts download site with thousands of fonts.  
+https://www.abstractfonts.com/  
+
+### - Fontspace
+- 100% free fonts for personal and commercial use.  
+https://www.fontspace.com/  
+
+### - Font Squirrel
+- Handpicked fonts free for commercial use.  
+https://www.fontsquirrel.com/  
+
+### - Awwwards Typography
+- Best typography websites curated by Awwwards.  
+https://www.awwwards.com/best-typography/  
+
+### - Type Scale
+- A visual calculator for building type systems.  
+https://type-scale.com/  
+
+### - Dribbble
+- Design community with millions of shots for font inspiration.  
+https://dribbble.com/  
+
+### - Behance Typography
+- Typography projects and font inspiration on Behance.  
+https://www.behance.com/  
+
+### - myfonts
+- Extensive font library with licensed fonts.  
+https://www.myfonts.com/  
+
+### - linotype
+- Over 150,000 fonts including historic and contemporary typefaces.  
+https://www.linotype.com/  
+
+### - identifont
+- Find fonts by answering questions about their characteristics.  
+http://www.identifont.com/  

pages/resources/Javascript_Tools/javascript_tools.md

@@ -13,3 +13,34 @@ These websites can be references for your design ideas
 - Convert JSON into gorgeous, typesafe code in any language.  
 [https://quicktype.io/](https://quicktype.io/)
 
+### - TypeScript Playground
+- An online editor for exploring TypeScript and JavaScript.  
+[https://www.typescriptlang.org/play/](https://www.typescriptlang.org/play/)
+
+### - tsconfig.xyz
+- Generate tsconfig.json files with sensible defaults.  
+[https://tsconfig.xyz/](https://tsconfig.xyz/)
+
+## Code Quality
+
+### - ESLint
+- Find and fix problems in your JavaScript code.  
+[https://eslint.org/](https://eslint.org/)
+
+### - Prettier
+- Opinionated code formatter for JavaScript/TypeScript.  
+[https://prettier.io/](https://prettier.io/)
+
+## Build Tools
+
+### - Vite
+- Next generation frontend tooling (build tool + dev server).  
+[https://vitejs.dev/](https://vitejs.dev/)
+
+
+## Package Management
+
+### - Bundlephobia
+- Find the cost of adding a new dependency to your bundle.  
+[https://bundlephobia.com/](https://bundlephobia.com/)
+