Tips
The desktop version of my note-taking app is built with React and Electron. Previously, I managed to animate the insertion and removal of specific items of a TanStack Virtual list using motion. However, that approach would always trigger animations whenever the note list content changed, including when switching notebooks from
Tips
Hey, what's up? This is Takuya. I'm building a Markdown note-taking app called Inkdrop. As of v5.11.0, it supports two-factor authentication with a time-based one-time password. Thank you so much for the feedback during the beta testing! Inkdrop v5.11.0 - Two-factor authentication
Tips
In the previous post, I integrated my note-taking app Inkdrop with Claude's MCP: Integrating my note app with Claude’s MCPHi, it’s Takuya here. I’ve been fiddling with Claude, which provides an interesting protocol for third-party AI integrations called MCP (Model Context Protocol). Some of my
Tips
I love Motion. It makes animating UIs in web apps incredibly easy. I've been using it in my app to animate components like the tags input bar, the notebook list, dialogs, and more. One of the components I wanted to animate was the note list. This was challenging
Tips
I've released a new browser extension for Inkdrop last week. Web clipper v0.2.2 - Import Kindle highlights!I’ve been working on rebuilding Inkdrop’s browser extension for clipping web pages. And I’m thrilled to announce that it now supports importing your Kindle highlights! This
Tips
Hi, it's Takuya, the solo developer of Inkdrop, a note-taking app designed for software developers. Recently, I enabled a web clipper feature on the mobile app for both iOS and Android. I'd like to share how I implemented the logic to receive a shared URL in
Tips
I wanted to try one of the new features introduced in React Native 0.76, which is box-shadow. Evan Bacon told me that it even supports multiple box shadows on Android – pretty exciting! you can use multiple box shadows on android now — Evan Bacon 🥓 (@Baconbrix) November 15, 2024 So, in
Tips
Inkdrop's current conversion rate after signups looks like this: It doesn't look so bad, but the number of signups is low around 200-300, while the website is getting 5k unique visitors per month. So, the Visitor-to-Signup rate would be 4-6%. It sounds like average but it&
Tips
Hey, what's up? This is Takuya. I'd like to share my plan to make custom UI themes support across both my Electron and React Native apps. Why React Native (A brief history) I have a cross-platform app, Inkdrop, which runs on Electron for desktop platforms and
Tips
Hey, what's up? It's Takuya here. This article would be a supplemental resource for my latest tutorial posted on YouTube: This is a tutorial on how to accomplish the animation effect for a table of contents that I posted on X here: Implemented animated outlines using
Tips
Hi, it's Takuya here. I've been updating the mobile version of Inkdrop, which is built with React Native. It is a simple Markdown note-taking app, which supports syncing notes with the server and offer an offline-first viewing and editing experience. To accomplish this, I've
Tips
Hello, it's Takuya here. The mobile version of my app Inkdrop is built on top of React Native. It is a Markdown note-taking app, which renders notes in webview. The notes can include images, and currently it can display them blazingly fast because of the hack I shared