fractaldesign
is a design and dev curation + playground.
i'm a hobbyist designer and web builder, with a healthy indulgence for vibe coding. Here I curate the best I find/learn about these things, share my own builds, and experiment with new stuff in a sveltekit playground.
i also write, at fractalmaṇḍala, and am co-founder of Bodha, a cultural think-tank and research group. am building my dream of a fully connected sanskritic synaptic mesh at fractaldharma.
find me on twitter/x, and see the monorepo for all my design work at github.
Projects:Fractals
A monorepo and desktop app that's my main building project - an ambitious all-in-one app for macOS.
Svelte Animated Icon GitHub repo and npm package for more than 100,000 animated icon variants for drop-and-use in Sveltekit. Fractaldharma The Sanskrit word and text repository, an interconnected web for synaptic reconnection to the Bharatiya consciousness. Fractalmandala My blog and a growing knowledge bank.Pipeline AI Chat app (Fractalbodha), Design Bench
Posts:2023 Roundup of Apps, Tools and Tech I Loved A review and listing of all the lovely tools, apps discovered and enjoyed in 2023 - sveltekit, ai, chatGPT, webdev, design, css and more.
reviewtechwebdevdesign
2023 Roundup of Generative AI Art Tools A review and coverage of the primary generative AI art tools of 2023 generatedaimidjourneydallE
A Hack for Pagination in Post Pages for Sveltekit Exploring a custom solution for adding 'previous post' and 'next post' navigation in a SvelteKit website, utilizing markdown files and API integration for sorting and linking posts. sveltekittech
AI Visualizing the transformative journey of embracing AI for creativity and personal growth, highlighting the integration of chatGPT, digital art, and web development skills. techfutureai
Auth in Sveltekit through Github Using auth.js to set up a Github auth flow inside Sveltekit. sveltekitgithub
Autofill in Sveltekit Simple method for having auto-fill inputs fields, which is useful for search forms. sveltekitsnippets
ChatGPT in Sveltekit A detailed guide on integrating ChatGPT with a SvelteKit project, including steps for setting up OpenAI API, handling API requests, and storing chat history using Supabase for database integration. sveltekitgpt
Creating Modals in Sveltekit A step-by-step guide on creating and implementing a modal in Sveltekit, covering the creation of a store, the modal component, and its integration into web pages. sveltekitmodalswebdev
Deepseek Auth Dump Code dump of deepseek chat on auth in sveltekit with payment integration sveltekitauthsupabase
Documentation Exploring the importance of documentation in web development, with a focus on managing website features using Sveltekit's stores feature. creationsnippetswebdev
Draggable Width or Height and Collapsible Panels How to use draggable width/height in Sveltekit, and collapsible panels. webdevsveltekit
GPT Bots I Have Built An overview of specialized AI bots I've designed for tasks like Sanskrit transliteration, philosophical teachings, coding assistance, Hindu ontology, and social media performance analysis. aigpt
Integrating Sveltekit and Supabase An informative guide on securely integrating Supabase with SvelteKit, focusing on best practices for handling secret keys and ensuring data security in web applications. sveltekitsupabase
SEO Metadata in Sveltekit Guide to setting up SEO metadata in SvelteKit, detailing global store creation, SEO component, and page-specific implementation. sveltekitseo
Simple Hovers in Sveltekit A guide to implementing toggle and hover functions in Sveltekit, illustrating basic interactivity and animation techniques for enhancing user experience in web design. sveltekitsnippets
Supabase Auth and Sveltekit A comprehensive guide on integrating Supabase user authentication with SvelteKit, including setup, configuration, and the creation of essential auth components. supabasesveltekit
Tech Stack and Design a compilation of this site's tech stack and design elements. designtech
Tiptap WYSIWYG Editor This is an example of how to integrate Tiptap WYSIWYG editor in Sveltekit. sveltekitmarkdown
Toggles in Sveltekit A step-by-step guide to implementing category toggling in SvelteKit, showcasing the use of arrays and functions for selective display in web applications. sveltekitsnippetswebdev
Using Global Stores in Sveltekit An overview of using Sveltekit's stores for managing global states like theme and breakpoints in web development, ensuring consistency across different pages and components. sveltekitsnippets
Web Interface Guidelines Comprehensive guidelines for crafting effective web interfaces, emphasizing interactivity, typography, motion, touch optimization, accessibility, and design principles - sheer paste of content from interfaces.rauno.me designwebdev