jrsaruo

import SwiftUI

// https://x.com/jrsaruo_tech/status/1893585977760743750

@available(iOS 18, *)
struct HorizontalInlinePicker<SelectionValue, Content>: View where SelectionValue: Hashable, Content: View {
    
    @Binding var selection: SelectionValue
    
    @State private var centerValue: SelectionValue?

Koshimizu-Takehito

#include <metal_stdlib>
using namespace metal;

float smoothMin(float x1, float x2, float k) {
    float h = clamp(0.5 - 0.5 * (x2 - x1) / k, 0.0, 1.0);
    return mix(x1, x2, h) - k * h * (1.0 - h);
}

float circleSDF(float2 point, float2 center, float radius) {
    return length(point - center) - radius;

Koshimizu-Takehito

import SwiftUI

struct ContentView: View {
    var body: some View {
        WavingText()
            .foregroundStyle(.white)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color(hue: 220/360, saturation: 0.3, brightness: 0.9))
    }
}

Koshimizu-Takehito

import SwiftUI

struct ContentView: View {
    @State var isExpanded = [true] + Array(repeating: false, count: PageItem.samples.count)

    var body: some View {
        ZStack {
            ForEach(1..<isExpanded.count, id: \.self) { offset in
                let item = PageItem.samples[(offset-1) % PageItem.samples.count]
                PageView(

Koshimizu-Takehito

import SwiftUI

struct ContentView: View {
    @State var isExpanded = [true] + Array(repeating: false, count: 10)

    var body: some View {
        ZStack {
            ForEach(1..<isExpanded.count, id: \.self) { offset in
                CircleView(
                    color: .color(offset: offset),

Koshimizu-Takehito

import SwiftUI

struct ShaderView: View {
    let name: String
    private let start = Date()

    var body: some View {
        let shader = ShaderFunction(library: .default, name: name)
        TimelineView(.animation) { context in
            let seconds = context.date.timeIntervalSince(start)

Koshimizu-Takehito

import SwiftUI

// MARK: - Model
@MainActor
@Observable
final class Model {
    var angles: [[Angle]]

    init(row: Int, column: Int) {
        angles = (0..<row).map { _ in

piaskowyk

import React, { useState } from 'react';
import { Pressable, View } from 'react-native';
import Animated, { css } from 'react-native-reanimated';

export default function Wave() {
  const [clickLocation, setClickLocation] = useState({ x: -1, y: -1 });

  const dots = Array.from({ length: 323 });
  const size = 19;
  const color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`

piaskowyk

import React, { useState } from 'react';
import { Pressable, Text } from 'react-native';
import Animated, { css } from 'react-native-reanimated';

export default function ParticleButton() {
  const [pressed, setPressed] = useState(false);
  const [showParticles, setShowParticles] = useState(false);

  return (
    <Pressable 

Koshimizu-Takehito

#include <metal_stdlib>
using namespace metal;

[[ stitchable ]] half4 spiral(
    float2 position,
    half4 color,
    float4 box,
    float scale
) {
    position = position - box.zw/2;