Skip to content
View ishansasika's full-sized avatar

Organizations

@guardian-app

Block or report ishansasika

Report abuse

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

Report abuse
ishansasika/README.md

Hi there! πŸ‘‹ I'm Ishan Karunaratne

Typing SVG
Profile views GitHub followers GitHub stars

πŸš€ About Me

const ishansasika = { name: "Ishan Karunaratne", location: "Kalutara, Sri Lanka πŸ‡±πŸ‡°", timezone: "UTC +05:30", role: "Software Engineer & Frontend Architect", portfolio: "https://ishansasika.dev", currentFocus: "Building production-ready React & Angular applications", specialties: ["React", "Angular", "TypeScript", "Component Libraries"], publishedPackages: ["premium-react-loaders", "svelte-perfect-select", "svelte-toggle-switch"], templates: ["React + Vite + Tailwind", "Angular + Tailwind"], funFact: "I create developer-friendly templates and components for the modern web! 🎨", currentlyWorking: ["npm Packages", "Frontend Templates", "UI Components"], askMeAbout: ["React", "Angular", "TypeScript", "Component Libraries", "Frontend Architecture"], hobbies: ["Building Developer Tools", "Open Source", "UI/UX Design"] };

πŸ› οΈ Tech Stack

Frontend Frameworks & Libraries

React Angular TypeScript Svelte Vue.js

Languages

JavaScript HTML5 CSS3

Styling & Design

Tailwind CSS Bootstrap Sass

Tools & Platforms

Git GitHub VS Code Vite


πŸ“Š GitHub Analytics

GitHub Streak
Contribution Graph

πŸ† GitHub Trophies

GitHub Trophies

🎯 Featured Projects

Premium React Loaders

React Vite Tailwind Template Angular Tailwind Template

Svelte Perfect Select Svelte Toggle Switch


🌟 What I'm Up To

  • πŸ”­ Currently working on: React & Angular applications, frontend templates, and component libraries
  • 🌱 Learning: Advanced React patterns, Angular best practices, and modern TypeScript techniques
  • πŸ‘― Looking to collaborate on: Open source React/Angular projects and developer tools
  • πŸ€” Need help with: Backend architecture and DevOps practices
  • πŸ’¬ Ask me about: React, Angular, TypeScript, frontend architecture, or component design patterns
  • ⚑ Fun fact: I've published npm packages and production-ready templates used by developers worldwide! πŸš€

πŸ“ˆ npm Packages & Templates

πŸ“¦ Premium React Loaders ⭐ 20 production-ready loading components for React βš›οΈ React Vite Tailwind ⭐ Lightning-fast React + Vite + Tailwind starter πŸ…°οΈ Angular Tailwind ⭐ Modern Angular + Tailwind CSS template 🎨 Svelte Perfect Select ⭐ Customizable dropdown component for Svelte πŸ”€ Svelte Toggle Switch ⭐ Beautiful toggle switches with smooth animations

🌍 Connect With Me

Portfolio LinkedIn Twitter Instagram Facebook


πŸ“ Location & Time

πŸ“ Currently in: Kalutara, Sri Lanka πŸ‡±πŸ‡° πŸ• Local Time: UTC +05:30 πŸŒ… Working Hours: 9 AM - 6 PM (Sri Lanka Time) 

πŸ’ Support My Work

If you find my templates and components useful or want to support open source development:

Buy Me A Coffee Ko-Fi


πŸ“Š Weekly Development Breakdown


🎡 "Good software, like wine, takes time." – Joel Spolsky

Building modern web experiences with React & Angular! πŸš€

Pinned Loading

  1. angular-tailwindcss-template angular-tailwindcss-template Public template

    Angular TailwindCSS Template - This is an Angular 21 template application integrated with Tailwind CSS 4. It uses standalone components (no NgModules), Vitest for testing, and npm as the package ma…

    HTML 2

  2. react-vite-tailwind-template react-vite-tailwind-template Public template

    React Vite Template - A modern, production-ready React template built with Vite, TypeScript, and Tailwind CSS. Features a beautiful, responsive UI with multiple pages and components ready to use.

    TypeScript 1

  3. vue-vite-tailwind-template vue-vite-tailwind-template Public template

    VueVite Template - A modern, lightning-fast Vue 3 template built with Vite, TypeScript, and Tailwind CSS. Perfect for building your next web application with a beautiful blue-purple gradient design…

    Vue 1

  4. svelte-vite-tailwind-template svelte-vite-tailwind-template Public template

    SvelteKit Template - A modern, lightning-fast Svelte template built with SvelteKit, TypeScript, and Tailwind CSS. Perfect for building your next web application with a beautiful blue-purple gradien…

    Svelte 1

  5. premium-react-loaders premium-react-loaders Public

    Premium React Loaders - A comprehensive collection of 18 premium, production-ready loading components for React applications. Built with TypeScript and Tailwind CSS for maximum flexibility and cust…

    TypeScript 2

  6. svelte-perfect-select svelte-perfect-select Public

    Svelte Perfect Select - A modern, feature-rich, and fully accessible select component for Svelte applications. Built with react-select API compatibility, enhanced animations, and a focus on user ex…

    Svelte 1