Skip to content
View ishansasika's full-sized avatar
1 follower · 3 following

Achievements

Achievement: Pair Extraordinairex2Achievement: Pull Sharkx3Achievement: YOLOAchievement: QuickdrawAchievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair Extraordinairex2Achievement: Pull Sharkx3Achievement: YOLOAchievement: QuickdrawAchievement: Arctic Code Vault Contributor

Organizations

@guardian-app

Block or report ishansasika

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 supported. This note will be visible to only you.
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