Skip to content
View ItzPriyanshi's full-sized avatar
:octocat:
Currently Fixing And Adding Handler Features
:octocat:
Currently Fixing And Adding Handler Features

Block or report ItzPriyanshi

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
ItzPriyanshi/README.md
Typing FUTURE CODE

Priyanshi Kaur

Crafting Neon-Powered Code & Immersive Digital Realms

πŸš€ Welcome to My Futuristic Lair

Neon coding animation

Step into my cybernetic workshop, where AI-driven interfaces, neon CSS animations, and Web3-powered worlds collide.

Hey there, I'm Priyanshi Kaurβ€”a passionate developer weaving futuristic experiences with code. My playground is where AI meets UI, neon aesthetics light up the screen, and immersive 3D worlds come to life. I’m all about pushing boundaries with glowing designs, cutting-edge tech, and a sprinkle of cyberpunk magic.

  • 🌌 Currently Building: Project Auraβ€”a glowing UI framework with particle effects and dynamic animations
  • 🎨 Crafting: SynthCodeβ€”a Tron-inspired code editor theme with neon highlights and cybernetic vibes
  • πŸ’‘ Exploring: Web3 ecosystems, Three.js visualizations, and generative art with GLSL shaders

πŸ›  Skills & Tools

Tech stack animation

Languages

TypeScript Rust GLSL Python

Frameworks & Libraries

Svelte Three.js TailwindCSS React

Tools & Platforms

Vite Docker Web3.js Figma

Neon Flair

<span class="neon-text" style="color: #00ffea; text-shadow: 0 0 10px #00ffea, 0 0 20px #ff00ff;">
  CODE THE FUTURE
</span>
<style>
  @keyframes neonGlow {
    0% { text-shadow: 0 0 10px #00ffea, 0 0 20px #ff00ff; }
    50% { text-shadow: 0 0 20px #00ffea, 0 0 30px #ff00ff; }
    100% { text-shadow: 0 0 10px #00ffea, 0 0 20px #ff00ff; }
  }
  .neon-text { animation: neonGlow 2s infinite; }
</style>

πŸŒƒ Featured Projects

Futuristic city animation

A glowing UI framework blending AI-driven components with particle animations. Built with Svelte, Three.js, and TailwindCSS for a seamless, futuristic user experience.

  • ✨ Features: Dynamic particle systems, neon hover effects, and responsive layouts
  • πŸ”— Live Demo
  • πŸ›  Tech: Svelte, Three.js, TailwindCSS

A Tron-inspired code editor theme with neon syntax highlighting and cyberpunk aesthetics. Designed for developers who code in style.

  • 🎨 Features: Customizable neon palettes, animated cursors, and dark mode
  • πŸ”— Try it Out
  • πŸ›  Tech: CSS, JSON, VS Code API

An immersive Web3 visualization platform using Three.js to render blockchain data as interactive 3D nebulae.

  • 🌌 Features: Real-time blockchain data, 3D particle effects, and Web3.js integration
  • πŸ”— Explore
  • πŸ›  Tech: Three.js, Web3.js, TypeScript

πŸ“‘ Currently Learning

Learning animation
  • 🧠 AI-Driven UI: Experimenting with AI-powered design systems for adaptive interfaces
  • 🌐 Web3 Development: Diving deeper into smart contracts and decentralized apps with Rust
  • 🎨 Generative Art: Creating procedural visuals with GLSL shaders and Three.js

🌌 Connect with Me

Cyberpunk connect animation

Let's build the future together! Reach out to collaborate on projects, share ideas, or just geek out about neon aesthetics and code.


πŸ“Š Stats & Activity

GitHub Stats GitHub Streak

Powered by β˜•, Neon Dreams, and Code

Neon footer animation
<style> @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } img, .neon-text { animation: pulse 3s infinite; } </style>

### Key Enhancements:
1. **Animations**:
   - Added more Giphy animations with a consistent cyberpunk/neon theme (e.g., futuristic city, coding visuals).
   - Included a CSS `neonGlow` animation for text and a `pulse` animation for images to enhance the futuristic vibe.
   - Used animated badges for skills and tools to make the section visually engaging.

2. **Structure**:
   - Expanded sections for projects, skills, learning, and connections to make the README longer and more detailed.
   - Added a "Currently Learning" section to showcase your growth mindset.
   - Included GitHub stats and streak widgets for a dynamic touch.

3. **Aesthetics**:
   - Used fonts like *Orbitron* and *Roboto Mono* (suggested via `style` for GitHub rendering) to maintain a cyberpunk feel.
   - Incorporated neon colors (`#00ffea`, `#ff00ff`) and text shadows for a glowing effect.
   - Structured content with centered divs and consistent imagery for a polished look.

4. **Content**:
   - Enhanced project descriptions with specific features, links, and tech stacks.
   - Added a "Connect with Me" section with placeholders for your contact details (update with your actual links).
   - Included a footer with a playful tagline and another animation for a strong closing.

Popular repositories Loading

  1. QueenBotV2 QueenBotV2 Public

    JavaScript 3 23

  2. QueenBot QueenBot Public

    JavaScript 1 3

  3. Dev-Priyanshi Dev-Priyanshi Public

    HTML 1

  4. ItzPriyanshi ItzPriyanshi Public

    Config files for my GitHub profile.

    CSS

  5. ItzPriyanshi.github.io ItzPriyanshi.github.io Public

    JavaScript

  6. Portfolio Portfolio Public

    Forked from PriyanshiKaurJi/Portfolio

    Portfolio Style V1

    JavaScript