Ship #1 Pending review

@perr on kitlens · about 4 hours ago

Hi! i just made Kitlens a vite plugin that you can plug into any SvelteKit application. it let you point at any component or html element then it show you the source path and also a button to open that line in ide of your choice. it was a really fun project and yea looking forward to implement more features to make it a fully fledged devtools so any feature suggestion is welcome. 𐔌՞ .ˬ.՞𐦯

3 devlogs
5h

Try project → See source code →

Open comments for this post

@perr on kitlens · 1 day ago

1h 8m 20s logged

Homepage

so i just finish my work on the homepage for this library and yea all that left is to publish the web and implement some qol feature and then we got a ship to goo!

Open comments for this post

@perr on kitlens · 1 day ago

2h 29m 24s logged

Component Inspection!

When inspecting an element inside component it now show the parent component name and the element name

More IDE Support

you can now set between either vscode or antigravity

and i just implemented some new ui changes

Open comments for this post

@perr on kitlens · 4 days ago

1h 36m 28s logged

KitLens!

so while working on my personal sveltekit project i wanted a devtools that let me point at anything go to the source file or let me fix thing like text and stuff or let me send a task to ai agent so here is the foundation for that kitlens it a vite plugin that you can just install in 1 line and that it will inject a toolbar to the page and just click on any element you can go to the source file it uses the process.cwd to get full path.