🔥2024#1: Pile, Desktop app for digital journaling

📅 December 31, 2023-January 6, 2024

source

Pile: Desktop app for digital journaling

Pile is a desktop app for reflective journaling. It's about simplicity, keeping your data local, and enhancing your journaling experience with AI.

jsx-email: Build emails with a delightful DX

Forget clunky email templates! JSX email swoops in like a superhero with pre-built React components that handle the compatibility mess, letting you design stunning, responsive emails like a boss. Think lightning-fast Tailwind support, fancy suspense tricks, and exclusive components to fuel your creativity. Plus, it beats other options like react-email with better developer tools, smoother previews, and a community-driven boost for faster updates. No vendor lock-in? Yep, pure freedom! So ditch the email blues and build delightful masterpieces with JSX email.

tokenami: Atomic CSS in the style attribute

Tokenami wants to make styling websites easier and cleaner. It ditches bulky CSS files for tiny "variable superpowers" that you control with simple names and a config file. Think of it like supercharged CSS properties that live right in your code, giving you superpowers like auto-completion, tiny files, and easy sharing between different parts of your website. Plus, it's statically generated, so no waiting for bundlers and all that jazz. Basically, Tokenami is like CSS on steroids, making your coding life smoother and your websites snazzier.

rawjs: Better document.createElement(). So much better, that you may no longer need React.

RawJS is basically a super simple way to build fancy user interfaces with plain, old JavaScript. It's like, forget all the complicated frameworks and magic tricks – just call some functions, add some styles, and boom, you've got yourself a beautiful, interactive web page. No learning weird stuff, no bloat, no performance drag, and best of all, no more StackOverflow headaches. It's just you and the DOM, working together like best buds. So ditch the drama and get coding the RawJS way!

import { raw } from "@squaresapp/rawjs";

document.body.append(
	raw.div(
		{
			padding: "100px",
			background: "red",
		},
		raw.on("click", () => alert("Hello world"))
	)
);

clipper.js: HTML to Markdown converter and crawler.

Clipper's your new best friend for snagging web stuff. This nifty Node.js tool lets you grab anything interesting online and zap it into Markdown text, perfect for saving snippets for later reading or jotting down quick notes. Think Evernote or Notion Web Clipper, but all happening right in your terminal. No sign-ups, no fuss, just pure web-clipping goodness.

bluestone: A WYSIWYG Markdown editor,

Imagine if writing notes was as easy as using a fancy word processor, but you never lost the flexibility of Markdown's plain text power. That's what Bluestone does! It lets you write in a familiar way, with things like tables and formulas looking spiffy on screen, all while saving everything as pure Markdown under the hood. Plus, it throws in a bunch of goodies like automatic backups, fancy code highlighting, and easy sharing on your own server. So ditch the dry Markdown code or clunky editing interfaces and give Bluestone a try - it's like note-taking on steroids!

source

park-ui: Beautifully designed components built on Ark UI

Park UI is your one-stop shop for building beautiful user interfaces, no matter what tools you prefer. Unlike other libraries that lock you into their way of doing things, Park UI lets you pick your favorite JS and CSS frameworks (think React or Tailwind) and build components exactly how you like. It's like having a flexible Lego set for your website, giving you total control and zero limitations. Plus, it's modular, so you only install what you need, keeping things nice and tidy.

source

speed-highlight: A Javascript syntax highlighter

Check out Speed-highlight JS, a super lightweight and speedy way to make your code look fancy! It automatically figures out what language you're using and colors it up with zero fuss, meaning less code for you to write and faster loading times for everyone. Think tiny file sizes (like, kilobytes tiny) and lightning-quick highlighting powered by regex magic. Basically, it's all the coolness of syntax highlighting without any of the usual bloat.

source

twc: Create reusable React + Tailwind CSS components in one line

Imagine building lightning-fast React apps with Tailwind CSS without all the code fuss. That's what TWC does! This tiny tool lets you whip up beautiful, reusable components in just one line. Think superpowered autocompletion, easy styling tweaks, and the ability to mix and match with any components you like. It's lightweight, works with the latest React features, and even plays nice with existing libraries

wishful-search: Natural language search for complex JSON arrays

WishfulSearch lets you ask any question about your JSON arrays, like notifications, movies, even people, and it translates your words into magic database queries. It handles all the behind-the-scenes stuff, so you can focus on getting the answers you want. It's got your back – from setting up the database to letting you swap between fancy AI models like GPT or Claude. You can even tweak things yourself if you're feeling adventurous. Basically, WishfulSearch makes talking to your data a breeze, like having a super-smart friend who speaks fluent database.

prisma-editor: A powerful tool to visualize and edit Prisma Schema

Prisma Editor is like a super-charged mind map for your database. It lets you see all your tables and connections in real-time, drag and drop to edit them, and even write the code for them automatically. Plus, it has a friendly interface and lets you play around with your schema using words instead of just code. Think of it as building your database with Legos, but way more powerful and way less painful on your feet.

source

More tools to explore:

• bits-ui: The headless components for Svelte.

• type-coverage: A CLI tool to check type coverage for typescript code

• typescript-coverage-report: Node command tool to generate TypeScript coverage report

• plotteus: A JavaScript data visualization library

• bcms: A Headless CMS for developers & their clients

• main-thread-scheduling: Fast and consistently responsive apps using a single function call

• moodist: 🌲 Ambient sounds for focus and calm

• nostalgist: A JavaScript library used for running emulators of retro consoles inside browsers

• style-guide: Vercel's engineering style guide

• p2pcf: Low cost, low effort P2P WebRTC serverless signalling using Cloudflare Workers

• next-typesafe-url: Fully typesafe, JSON serializable, and zod validated URL search params, dynamic route params, and routing for NextJS