# SwiftUI Blocks

> Copy-paste SwiftUI components, animations and transitions for iOS 18 through iOS 27. Swift 6, MIT. There is no package: download the file of a component and add it to the project. A component drawn by a Metal shader has a second file, which its entry links: add both. Each component states its minimum iOS.

Search `https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/catalog.json` by keyword, in English or Spanish, and fetch the `rawURL` of the match, and its `shaderRawURL` when it has one.

## Components

- [Breathing Guide Circle](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Animations/BreathingGuideCircle/BreathingGuideCircle.swift): A circle that expands and contracts through breathe in, hold and breathe out phases, with a label and a countdown. iOS 18.0+. Animations. Keywords: breathing, meditation, mindfulness, guide, circle, calm, wellness, respiración, meditación, atención plena, guía, círculo, calma, bienestar.
- [Keyframe Timeline Showcase](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Animations/KeyframeTimelineShowcase/KeyframeTimelineShowcase.swift): A view animated by keyframe tracks for scale, offset and color, with the tracks and a playhead drawn on one shared timeline. iOS 18.0+. Animations. Keywords: keyframes, keyframe animator, timeline, animation, tracks, scale, color animation, fotogramas clave, línea de tiempo, animación, pistas, escala, animación de color.
- [Phase Animator Cycle](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Animations/PhaseAnimatorCycle/PhaseAnimatorCycle.swift): A card that loops through several phases of scale, rotation and color. iOS 18.0+. Animations. Keywords: phase animator, phases, loop, card, animation, rotation, scale, animador de fases, fases, bucle, tarjeta, animación, rotación.
- [Split Flap Counter](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Animations/SplitFlapCounter/SplitFlapCounter.swift): A split-flap display where each digit flips down to its new value. iOS 18.0+. Animations. Keywords: split flap, flip, counter, digits, departure board, number, retro, paneles abatibles, contador, dígitos, número, volteo, panel de salidas, retro.
- [Spring Study Playground](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Animations/SpringStudyPlayground/SpringStudyPlayground.swift): Sliders for response and damping that show how a spring moves a view and draw its curve. iOS 18.0+. Animations. Keywords: spring, playground, response, damping, bounce, animation curve, slider, muelle, resorte, amortiguación, rebote, curva de animación, deslizador.
- [Symbol Effect Gallery](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Animations/SymbolEffectGallery/SymbolEffectGallery.swift): A gallery of SF Symbol effects, each played on demand and labeled with its name. iOS 18.0+. Animations. Keywords: sf symbols, symbol effect, bounce, pulse, wiggle, rotate, breathe, gallery, símbolos, efecto de símbolo, rebote, pulso, galería, icono animado.
- [Animated Gradient Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/AnimatedGradientBackground/AnimatedGradientBackground.swift): A linear gradient that slowly drifts its colors and turns its direction. iOS 18.0+. Backgrounds. Keywords: background, gradient, linear gradient, animated, colors, drift, fondo, degradado, gradiente, animado, colores, movimiento.
- [Aurora Mesh Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/AuroraMeshBackground/AuroraMeshBackground.swift): An animated aurora background made with a mesh gradient. iOS 18.0+. Backgrounds. Keywords: background, aurora, mesh gradient, gradient, animated, ambient, colors, fondo, aurora, degradado, malla, gradiente, animado, colores.
- [Bubbles Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/BubblesBackground/BubblesBackground.swift): Translucent bubbles that rise and sway across the screen. iOS 18.0+. Backgrounds. Keywords: background, bubbles, underwater, rising, floating, animated, fondo, burbujas, submarino, agua, flotar, animado.
- [Color Orbs Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/ColorOrbsBackground/ColorOrbsBackground.swift): Large, soft colored orbs drifting slowly over a dark base. iOS 18.0+. Backgrounds. Keywords: background, orbs, blur, blobs, glow, ambient, animated, fondo, orbes, difuminado, manchas, brillo, ambiente, animado.
- [Grid Pulse Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/GridPulseBackground/GridPulseBackground.swift): A grid of dots with a pulse of light spreading out from the center. iOS 18.0+. Backgrounds. Keywords: background, grid, dots, pulse, radar, ripple, animated, fondo, cuadrícula, puntos, pulso, radar, onda, animado.
- [Image Derived Gradient Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/ImageDerivedGradientBackground/ImageDerivedGradientBackground.swift): A full-screen gradient whose colors are sampled from the pixels of an image and cross-fade when the image changes. iOS 18.0+. Backgrounds. Keywords: background, gradient, image colors, dominant color, palette, album art, cross-fade, fondo, degradado, colores de imagen, color dominante, paleta, carátula, fundido.
- [Particle Field Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/ParticleFieldBackground/ParticleFieldBackground.swift): Drifting points that are joined by faint lines when they come close. iOS 18.0+. Backgrounds. Keywords: background, particles, constellation, network, points, lines, animated, fondo, partículas, constelación, red, puntos, líneas, animado.
- [Snowfall Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/SnowfallBackground/SnowfallBackground.swift): Snowflakes falling at different speeds across three layers of depth. iOS 18.0+. Backgrounds. Keywords: background, snow, snowfall, winter, flakes, christmas, animated, fondo, nieve, nevada, invierno, copos, navidad, animado.
- [Starfield Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/StarfieldBackground/StarfieldBackground.swift): Stars streaking toward the viewer with a simple perspective projection. iOS 18.0+. Backgrounds. Keywords: background, stars, starfield, space, warp, hyperspace, animated, fondo, estrellas, espacio, galaxia, velocidad, hiperespacio, animado.
- [Synthwave Grid Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/SynthwaveGridBackground/SynthwaveGridBackground.swift): A retro perspective grid that scrolls under a gradient sky with a striped sun. iOS 18.0+. Backgrounds. Keywords: synthwave, retrowave, grid, perspective, background, neon, sun, 80s, synthwave, cuadrícula, perspectiva, fondo, neón, sol, años 80, retro.
- [Waves Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/WavesBackground/WavesBackground.swift): Layered waves animated with a custom animatable Shape. iOS 18.0+. Backgrounds. Keywords: background, waves, ocean, sine wave, shape, animatable, animated, fondo, olas, océano, mar, onda, forma animada, animado.
- [Weather Effects Background](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Backgrounds/WeatherEffectsBackground/WeatherEffectsBackground.swift): An animated sky for seven kinds of weather, with a turning sun, twinkling stars, drifting clouds, rain with splashes, lightning, swaying snow and fog, that fades from one to the next. iOS 18.0+. Backgrounds. Keywords: weather, rain, snow, lightning, thunderstorm, clouds, fog, sun, stars, sky, particles, tiempo, clima, lluvia, nieve, relámpago, tormenta, nubes, niebla, sol, estrellas, cielo, partículas.
- [Async Action Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/AsyncActionButton/AsyncActionButton.swift): A button that runs an async action, swaps its label for a spinner in the label color without changing width and ignores taps until the action ends. iOS 18.0+. Buttons. Keywords: button, loading button, async, spinner, progress, double tap, submit, save, botón, botón de carga, asíncrono, spinner, cargando, doble toque, enviar, guardar.
- [Badged Icon Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/BadgedIconButton/BadgedIconButton.swift): An icon button with a count badge on its corner that pops in, rolls its number, caps at 99+ and bounces the icon when the count goes up. iOS 18.0+. Buttons. Keywords: badge, icon button, notification badge, bell, cart, count, unread, toolbar, insignia, globo, botón de icono, notificaciones, campana, carrito, contador, no leídos.
- [Button Variant Style](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/ButtonVariantStyle/ButtonVariantStyle.swift): A button style with filled, tinted, outlined and plain variants that follows the control size, the disabled state and the destructive role. iOS 18.0+. Buttons. Keywords: button, button style, filled, tinted, outlined, plain, destructive, control size, primary, secondary, botón, estilo de botón, relleno, tintado, contorno, destructivo, tamaño, primario, secundario.
- [Elastic Drag Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/ElasticDragButton/ElasticDragButton.swift): A round button that stretches toward the finger and springs back on release. iOS 18.0+. Buttons. Keywords: elastic, drag, stretch, rubber band, spring, button, gesture, elástico, arrastrar, estirar, muelle, rebote, botón, gesto.
- [Emoji Reaction Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/EmojiReactionPicker/EmojiReactionPicker.swift): A long-press control that reveals a row of reaction emoji, magnifies the one under the finger and selects it on release. iOS 18.0+. Buttons. Keywords: emoji, reactions, like, long press, picker, drag, social, emoji, reacciones, me gusta, pulsación larga, selector, arrastrar, red social.
- [Expanding Search Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/ExpandingSearchButton/ExpandingSearchButton.swift): A round magnifying glass button that opens into a search field. iOS 18.0+. Buttons. Keywords: search, expanding, search bar, text field, morph, magnifying glass, button, buscar, búsqueda, barra de búsqueda, campo de texto, expandir, lupa, botón.
- [Floating Action Menu](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/FloatingActionMenu/FloatingActionMenu.swift): A plus button that rotates into a close icon and fans out its actions around it. iOS 18.0+. Buttons. Keywords: floating action button, fab, menu, radial, fan, plus button, actions, botón flotante, menú, radial, abanico, botón más, acciones.
- [Gradient Border Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/GradientBorderButton/GradientBorderButton.swift): A capsule button whose border is an angular gradient that keeps rotating. iOS 18.0+. Buttons. Keywords: gradient border, angular gradient, rotating, glow, outline, rainbow, button, borde degradado, degradado angular, giratorio, resplandor, contorno, arcoíris, botón.
- [Hamburger Menu Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/HamburgerMenuButton/HamburgerMenuButton.swift): A three-line menu button whose bars animate into a close cross when toggled. iOS 18.0+. Buttons. Keywords: hamburger, menu button, three lines, close, morph, toggle, navigation, hamburguesa, botón de menú, tres líneas, cerrar, transformación, navegación.
- [Hold To Confirm Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/HoldToConfirmButton/HoldToConfirmButton.swift): A round button that fires only after a long press fills its progress ring, and cancels if released early. iOS 18.0+. Buttons. Keywords: hold to confirm, long press, progress ring, destructive action, button, circular progress, mantener pulsado, pulsación larga, anillo de progreso, acción destructiva, botón, confirmar.
- [Like Burst Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/LikeBurstButton/LikeBurstButton.swift): A heart button that pops and throws out a burst of small particles when liked. iOS 18.0+. Buttons. Keywords: like, heart, favorite, particles, burst, keyframes, button, me gusta, corazón, favorito, partículas, explosión, botón.
- [Morphing Submit Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/MorphingSubmitButton/MorphingSubmitButton.swift): A submit button that morphs into a spinner while it works and then into a checkmark. iOS 18.0+. Buttons. Keywords: submit, loading, morph, spinner, success, async button, progress, enviar, cargando, transformación, indicador de carga, éxito, botón asíncrono.
- [Play Pause Morph Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/PlayPauseMorphButton/PlayPauseMorphButton.swift): A play button whose triangle morphs into two pause bars by interpolating its path. iOS 18.0+. Buttons. Keywords: play, pause, morph, media button, player, shape animation, toggle, reproducir, pausa, transformación, botón multimedia, reproductor, animación de forma.
- [Pressable Button Style](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/PressableButtonStyle/PressableButtonStyle.swift): A button style that shrinks and dims on press, then springs back. iOS 18.0+. Buttons. Keywords: button, press, tap, scale, spring, feedback, button style, botón, pulsar, toque, escala, muelle, rebote, estilo de botón.
- [Provider Sign In Button Stack](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/ProviderSignInButtonStack/ProviderSignInButtonStack.swift): A stack of full-width sign-in buttons, each with a leading icon slot and its own loading state while authenticating. iOS 18.0+. Buttons. Keywords: sign in, login, authentication, providers, loading button, social login, iniciar sesión, acceso, autenticación, proveedores, botón de carga, registro.
- [Pulse Ring Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/PulseRingButton/PulseRingButton.swift): A round button with rings that keep radiating out from behind it. iOS 18.0+. Buttons. Keywords: pulse, rings, radiate, ripple, round button, microphone, phase animator, pulso, anillos, ondas, onda expansiva, botón redondo, micrófono.
- [Shimmer Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/ShimmerButton/ShimmerButton.swift): A gradient capsule button with a band of light that sweeps across it in a loop. iOS 18.0+. Buttons. Keywords: shimmer, shine, button, light sweep, gradient, call to action, glossy, brillo, destello, botón, barrido de luz, degradado, llamada a la acción.
- [Shrinking Extended Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Buttons/ShrinkingExtendedButton/ShrinkingExtendedButton.swift): An extended floating button that collapses from a labeled pill to a plain icon as the scroll view moves down. iOS 18.0+. Buttons. Keywords: extended fab, floating button, collapse, scroll, pill, compose button, shrink, botón flotante, botón extendido, contraer, desplazamiento, píldora, encoger.
- [Calendar Month Grid](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Calendars/CalendarMonthGrid/CalendarMonthGrid.swift): A month calendar for picking one day, with swipe paging between months. iOS 18.0+. Calendars. Keywords: calendar, month, date picker, day, grid, paging, schedule, calendario, mes, selector de fecha, día, cuadrícula, paginación, agenda.
- [Calendar Range Selector](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Calendars/CalendarRangeSelector/CalendarRangeSelector.swift): A month calendar that picks a start and an end day and shades the days between them. iOS 18.0+. Calendars. Keywords: calendar, date range, range picker, date picker, booking, month view, start and end date, calendario, rango de fechas, selector de fechas, reserva, vista mensual, fecha de inicio y fin.
- [Date Strip Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Calendars/DateStripPicker/DateStripPicker.swift): A horizontal strip of days that keeps the selected day centered as you scroll. iOS 18.0+. Calendars. Keywords: date picker, week strip, horizontal calendar, day selector, scroll snapping, agenda, selector de fecha, tira de días, calendario horizontal, selector de día, agenda, desplazamiento.
- [Day Schedule Timeline](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Calendars/DayScheduleTimeline/DayScheduleTimeline.swift): The hours of a day down a column, with each event drawn over the time it takes, overlapping events side by side and a line at the current time. iOS 18.0+. Calendars. Keywords: day view, schedule, agenda, timeline, calendar events, hours, overlapping events, current time, vista de día, horario, agenda, línea de tiempo, eventos del calendario, horas, eventos solapados, hora actual.
- [Avatar Stack](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/AvatarStack/AvatarStack.swift): Overlapping avatars of initials with a badge counting the rest. iOS 18.0+. Cards. Keywords: avatar, avatars, facepile, initials, overlap, group, badge, participants, avatar, avatares, iniciales, solapados, grupo, insignia, participantes.
- [Expandable Info Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/ExpandableInfoCard/ExpandableInfoCard.swift): A card that expands to show more, with a chevron that turns. iOS 18.0+. Cards. Keywords: expandable, accordion, disclosure, collapse, chevron, card, faq, desplegable, acordeón, expandir, contraer, tarjeta, preguntas frecuentes.
- [Holographic Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/HolographicCard/HolographicCard.swift): A card with a holographic foil whose colors, glints and glare shift as you tilt it by dragging, drawn by a Metal shader. iOS 18.0+. Cards. Keywords: holographic, foil, shader, metal, iridescent, rainbow, card, tilt, trading card, color effect, holográfico, holograma, shader, metal, iridiscente, arcoíris, tarjeta, inclinación, cromo, efecto de color. Copy its shader too: [HolographicCard.metal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/HolographicCard/HolographicCard.metal).
- [Swipeable Card Stack](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/SwipeableCardStack/SwipeableCardStack.swift): A deck of cards you swipe away to reveal the next one. iOS 18.0+. Cards. Keywords: swipe, cards, deck, stack, tinder, drag, dismiss, deslizar, tarjetas, baraja, pila, arrastrar, descartar.
- [Tilt Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/TiltCard/TiltCard.swift): A card that tilts in 3D toward the finger with a moving highlight. iOS 18.0+. Cards. Keywords: 3d, tilt, card, parallax, perspective, highlight, holographic, 3d, inclinación, tarjeta, perspectiva, brillo, holográfico.
- [Wallet Card Stack](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Cards/WalletCardStack/WalletCardStack.swift): A stack of cards where the one you tap rises to the top with its details and the rest wait in a pile below. iOS 18.0+. Cards. Keywords: wallet, card stack, credit cards, passes, expand, pile, payment cards, cartera, wallet, pila de tarjetas, tarjetas de crédito, pases, expandir, tarjetas de pago.
- [Animated Bar Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/AnimatedBarChart/AnimatedBarChart.swift): Bars that grow from the baseline one after another with a spring. iOS 18.0+. Charts. Keywords: bar chart, chart, graph, animated bars, staggered, statistics, gráfico de barras, gráfica, barras animadas, estadísticas, escalonado.
- [Animated Donut Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/AnimatedDonutChart/AnimatedDonutChart.swift): A donut chart whose segments grow in one by one, and the selected segment lifts out. iOS 18.0+. Charts. Keywords: donut chart, pie chart, chart, swift charts, segments, selection, spending, gráfico de donut, gráfico circular, gráfica, sectores, selección, gastos.
- [Candlestick Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/CandlestickChart/CandlestickChart.swift): A candlestick chart of open, high, low and close prices, with a rule that reads the day under the finger. iOS 18.0+. Charts. Keywords: candlestick, ohlc, stocks, trading, price chart, finance, swift charts, velas, ohlc, bolsa, trading, gráfica de precios, finanzas, swift charts.
- [Contribution Heatmap](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/ContributionHeatmap/ContributionHeatmap.swift): A calendar grid of colored cells whose intensity shows the activity of each day. iOS 18.0+. Charts. Keywords: heatmap, contribution graph, activity, calendar grid, github, streak, mapa de calor, gráfico de contribuciones, actividad, cuadrícula, calendario, racha.
- [Gauge Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/GaugeChart/GaugeChart.swift): A half-moon gauge with colored zones and a needle that swings to the value. iOS 18.0+. Charts. Keywords: gauge, dial, speedometer, meter, needle, zones, dashboard, medidor, dial, velocímetro, indicador, aguja, zonas, panel.
- [Interactive Line Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/InteractiveLineChart/InteractiveLineChart.swift): A line chart that shows a rule and a value tooltip under the finger as it scrubs along the time axis. iOS 18.0+. Charts. Keywords: line chart, swift charts, scrubbing, tooltip, selection, stocks, time series, gráfico de líneas, gráfica, recorrer con el dedo, globo informativo, selección, serie temporal.
- [Line Chart Draw In](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/LineChartDrawIn/LineChartDrawIn.swift): A line chart whose line draws in from left to right while a dot follows its tip. iOS 18.0+. Charts. Keywords: line chart, draw animation, trim, path, animated chart, graph, gráfico de líneas, animación de trazo, trazado, gráfica animada, línea.
- [Radar Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/RadarChart/RadarChart.swift): A radar chart with an axis per quality around a center and a shape per series that grows out when it appears. iOS 18.0+. Charts. Keywords: radar chart, spider chart, web chart, compare, profile, polygon, stats, gráfica de radar, gráfica de araña, telaraña, comparar, perfil, polígono, estadísticas.
- [Scrollable Bar Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/ScrollableBarChart/ScrollableBarChart.swift): A bar chart that scrolls sideways a week at a time and marks the average of the days in sight. iOS 18.0+. Charts. Keywords: scrollable chart, bar chart, weekly, steps, average, health, swift charts, gráfica con scroll, gráfica de barras, semanal, pasos, media, salud, swift charts.
- [Sparkline Stat Tile](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/SparklineStatTile/SparklineStatTile.swift): A stat tile with a small trend line behind its value. iOS 18.0+. Charts. Keywords: sparkline, stat tile, kpi, dashboard, trend, metric card, minigráfico, tarjeta de estadística, panel, tendencia, métrica, indicador.
- [Surface 3D Chart](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Charts/Surface3DChart/Surface3DChart.swift): A 3D surface plot that rotates when dragged, with buttons for preset viewing angles. iOS 26.0+. Charts. Keywords: 3d chart, surface plot, swift charts, chart3d, rotate, math, visualization, gráfico 3d, superficie, gráfica tridimensional, rotar, matemáticas, visualización.
- [Chat Auto Scroll List](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Chat/ChatAutoScrollList/ChatAutoScrollList.swift): A message list that stays on the newest message as messages arrive, and stops following when the user scrolls up to read. iOS 18.0+. Chat. Keywords: chat, messages, auto scroll, scroll to bottom, new messages, conversation, chat, mensajes, desplazamiento automático, ir al final, mensajes nuevos, conversación.
- [Chat Bubble Shape](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Chat/ChatBubbleShape/ChatBubbleShape.swift): A message bubble with a tail, whose corners adapt to grouped consecutive messages. iOS 18.0+. Chat. Keywords: chat bubble, message bubble, shape, tail, imessage, grouped messages, burbuja de chat, burbuja de mensaje, forma, cola, mensajes agrupados.
- [Keyboard Tracking Input Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Chat/KeyboardTrackingInputBar/KeyboardTrackingInputBar.swift): A composer bar pinned below its content that rises with the keyboard and grows as the user types more lines. iOS 18.0+. Chat. Keywords: composer, input bar, keyboard, chat, text field, multiline, message box, barra de escritura, campo de texto, teclado, chat, multilínea, caja de mensaje.
- [Nested Comment Thread](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Chat/NestedCommentThread/NestedCommentThread.swift): Threaded comments with indentation, connector lines and collapsible replies. iOS 18.0+. Chat. Keywords: comments, thread, nested, replies, collapse, discussion, tree, comentarios, hilo, anidado, respuestas, contraer, discusión, árbol.
- [Tapback Reaction Bubble](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Chat/TapbackReactionBubble/TapbackReactionBubble.swift): A message you press and hold to react to, with a bar of reactions above it and the chosen one kept as a badge on its corner. iOS 18.0+. Chat. Keywords: tapback, message reaction, long press, chat bubble, emoji, react, imessage, tapback, reacción a mensaje, pulsación larga, burbuja de chat, emoji, reaccionar, mensajes.
- [Typing Indicator Bubble](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Chat/TypingIndicatorBubble/TypingIndicatorBubble.swift): Three dots that bounce in turn inside a message bubble while someone is typing, and shrink away when they stop. iOS 18.0+. Chat. Keywords: typing indicator, three dots, chat, message, is typing, bubble, ellipsis, indicador de escritura, tres puntos, chat, mensaje, está escribiendo, burbuja, puntos suspensivos.
- [Add To Cart Fly Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Commerce/AddToCartFlyButton/AddToCartFlyButton.swift): An add-to-cart button that sends a copy of the product image arcing into the cart badge. iOS 18.0+. Commerce. Keywords: add to cart, shopping, ecommerce, fly animation, cart badge, arc, product, añadir al carrito, compras, tienda, animación de vuelo, insignia del carrito, producto.
- [Add To Cart Stepper](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Commerce/AddToCartStepper/AddToCartStepper.swift): An add button that morphs into a quantity stepper and collapses back to the button when the quantity returns to zero. iOS 18.0+. Commerce. Keywords: add to cart, stepper, quantity, morph, ecommerce, shopping button, añadir al carrito, selector de cantidad, cantidad, transformación, tienda, botón de compra.
- [Billing Period Toggle](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Commerce/BillingPeriodToggle/BillingPeriodToggle.swift): A monthly and yearly switch where the price rolls to its new value and a savings badge appears. iOS 18.0+. Commerce. Keywords: billing, pricing, subscription, monthly, yearly, paywall, toggle, savings, facturación, precio, suscripción, mensual, anual, paywall, ahorro.
- [Pricing Tier Cards](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Commerce/PricingTierCards/PricingTierCards.swift): Snapping horizontal pricing cards with the recommended plan highlighted and enlarged. iOS 18.0+. Commerce. Keywords: pricing, plans, tiers, cards, paywall, subscription, carousel, precios, planes, tarifas, tarjetas, paywall, suscripción, carrusel.
- [Trial Timeline Paywall](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Commerce/TrialTimelinePaywall/TrialTimelinePaywall.swift): A paywall that shows what happens on each day of the free trial, with the plans and the button to start it. iOS 18.0+. Commerce. Keywords: paywall, free trial, trial timeline, subscription, pricing, upgrade, in-app purchase, paywall, prueba gratis, línea de tiempo, suscripción, precios, mejorar plan, compra dentro de la app.
- [Animated Radio Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/AnimatedRadioButton/AnimatedRadioButton.swift): A radio button whose inner dot springs in and whose ring pulses once when selected. iOS 18.0+. Controls. Keywords: radio button, radio, selection, option, form, choice, pulse, botón de opción, radio, selección, opción, formulario, pulso.
- [Checkmark Box Toggle Style](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/CheckmarkBoxToggleStyle/CheckmarkBoxToggleStyle.swift): A checkbox toggle style for iOS whose box fills and draws its checkmark, with a dash for a mixed Toggle(sources:). iOS 18.0+. Controls. Keywords: checkbox, check box, checkmark, toggle style, mixed, indeterminate, form, terms, casilla, casilla de verificación, check, marca, estilo de toggle, mixto, indeterminado, formulario.
- [Circular Range Slider](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/CircularRangeSlider/CircularRangeSlider.swift): A dial with two handles that sets a range around the clock, like a night of sleep. iOS 18.0+. Controls. Keywords: circular slider, range slider, dial, sleep schedule, bedtime, time range, knob, slider circular, rango, dial, horario de sueño, hora de dormir, intervalo de tiempo, rueda.
- [Counter Stepper](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/CounterStepper/CounterStepper.swift): Minus and plus buttons around a number that rolls as it changes and stops at its limits. iOS 18.0+. Controls. Keywords: stepper, counter, quantity, plus minus, numeric text, number animation, contador, cantidad, más y menos, incrementar, texto numérico, animación de números.
- [Day Night Toggle](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/DayNightToggle/DayNightToggle.swift): A switch whose icon morphs between a sun and a moon while its background shifts between day and night colors. iOS 18.0+. Controls. Keywords: toggle, switch, dark mode, day, night, sun, moon, theme, interruptor, modo oscuro, día, noche, sol, luna, tema.
- [Filter Chip Group](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/FilterChipGroup/FilterChipGroup.swift): Selectable filter chips that show a checkmark when chosen and wrap onto as many rows as they need. iOS 18.0+. Controls. Keywords: chips, filter chips, tags, multi-select, flow layout, wrap, pills, filters, chips, filtros, etiquetas, selección múltiple, flujo, salto de línea, píldoras.
- [Icon Switch Toggle Style](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/IconSwitchToggleStyle/IconSwitchToggleStyle.swift): A switch toggle style whose knob carries a symbol for each state, like a checkmark and a cross, that swaps as it slides. iOS 18.0+. Controls. Keywords: switch, toggle, toggle style, icon, symbol, knob, on off, settings, interruptor, toggle, estilo de toggle, icono, símbolo, encendido apagado, ajustes.
- [Range Slider](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/RangeSlider/RangeSlider.swift): A slider with two thumbs that picks a range, like the lowest and highest price of a filter. iOS 18.0+. Controls. Keywords: range slider, double slider, two thumbs, price filter, min max, dual slider, interval, slider de rango, doble slider, dos asas, filtro de precio, mínimo y máximo, intervalo, deslizador.
- [Ruler Scroll Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/RulerScrollPicker/RulerScrollPicker.swift): A horizontal ruler of tick marks that snaps to a value under a fixed center indicator. iOS 18.0+. Controls. Keywords: ruler, picker, scroll, slider, weight, number, tick marks, snap, regla, selector, desplazamiento, deslizador, peso, número, marcas.
- [Select All Checklist](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/SelectAllChecklist/SelectAllChecklist.swift): A list of checkable rows under a select-all box that turns mixed when only some rows are checked and counts the selection. iOS 18.0+. Controls. Keywords: select all, checklist, checkbox, mixed, indeterminate, tri-state, multi-select, selection, seleccionar todo, lista de verificación, casilla, mixto, indeterminado, tres estados, selección múltiple.
- [Settings Toggle Row](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/SettingsToggleRow/SettingsToggleRow.swift): A settings row with a symbol on a colored rounded square, a title, an optional subtitle and a switch, like the Settings app. iOS 18.0+. Controls. Keywords: settings, toggle row, switch, list row, form, preferences, icon, Settings app, ajustes, fila de ajustes, interruptor, fila, formulario, preferencias, icono, app Ajustes.
- [Sliding Segmented Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/SlidingSegmentedPicker/SlidingSegmentedPicker.swift): A segmented picker whose selected pill glides between the options. iOS 18.0+. Controls. Keywords: segmented control, picker, tabs, sliding pill, selection, matched geometry, control segmentado, selector, pestañas, píldora deslizante, selección, geometría compartida.
- [Spring Toggle Style](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/SpringToggleStyle/SpringToggleStyle.swift): A custom toggle style whose knob widens under the finger and overshoots as it lands. iOS 18.0+. Controls. Keywords: toggle, switch, toggle style, spring, knob, settings, bouncy, interruptor, conmutador, estilo de toggle, muelle, rebote, ajustes.
- [Swipe To Confirm Slider](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/SwipeToConfirmSlider/SwipeToConfirmSlider.swift): A track with a thumb you drag to the end to confirm, which springs back if released early. iOS 18.0+. Controls. Keywords: slide to confirm, swipe to pay, slider, drag, unlock, payment, confirmation, deslizar para confirmar, deslizar para pagar, deslizador, arrastrar, desbloquear, pago, confirmación.
- [Tick Mark Slider](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/TickMarkSlider/TickMarkSlider.swift): The system slider with a mark at the values that matter, which settles on the nearest one when let go. iOS 26.0+. Controls. Keywords: slider, tick marks, steps, snap, neutral value, playback speed, ios 26, slider, marcas, pasos, ajuste, valor neutro, velocidad de reproducción, ios 26.
- [Weekday Segmented Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Controls/WeekdaySegmentedPicker/WeekdaySegmentedPicker.swift): A row of round day buttons that picks several days of the week in the calendar's order, with a summary like Weekdays under it. iOS 18.0+. Controls. Keywords: weekday picker, days of the week, multi-select, segmented, alarm, repeat, schedule, recurrence, selector de días, días de la semana, selección múltiple, segmentado, alarma, repetir, horario, recurrencia.
- [Drawing Pad Speed Brush](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Drawing/DrawingPadSpeedBrush/DrawingPadSpeedBrush.swift): A drawing pad whose stroke gets thinner as the finger moves faster. iOS 18.0+. Drawing. Keywords: drawing, canvas, brush, sketch, pen, signature, stroke, speed, dibujo, lienzo, pincel, boceto, bolígrafo, firma, trazo, velocidad.
- [Drawing Pad Undo Redo](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Drawing/DrawingPadUndoRedo/DrawingPadUndoRedo.swift): A drawing pad that keeps its strokes in a history so they can be undone and redone. iOS 18.0+. Drawing. Keywords: drawing, canvas, undo, redo, history, sketch, strokes, dibujo, lienzo, deshacer, rehacer, historial, boceto, trazos.
- [Path Trim Draw On](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Drawing/PathTrimDrawOn/PathTrimDrawOn.swift): A custom shape, such as a logo, that draws itself along its path by animating trim. iOS 18.0+. Drawing. Keywords: path, trim, draw, logo, stroke, shape, line animation, trazado, dibujar, logo, trazo, forma, animación de línea.
- [Polygon Morph Shape](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Drawing/PolygonMorphShape/PolygonMorphShape.swift): A shape that smoothly morphs between a square, a circle and a star using a custom animatable vector. iOS 18.0+. Drawing. Keywords: shape, morph, polygon, star, animatable, vector arithmetic, path, forma, transformación, polígono, estrella, animable, vector, trazado.
- [Blurred Image Backdrop](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/BlurredImageBackdrop/BlurredImageBackdrop.swift): A full-screen backdrop made from a blurred image with a tint layer, for placing content on top of it. iOS 18.0+. Effects. Keywords: blur, backdrop, background, image, album art, tint, photo, desenfoque, fondo, imagen, carátula, tinte, foto.
- [Border Beam Modifier](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/BorderBeamModifier/BorderBeamModifier.swift): A light beam with a fading tail that travels continuously around a rounded border. iOS 18.0+. Effects. Keywords: border, beam, glow, highlight, light, animated border, outline, borde, haz, brillo, resplandor, luz, borde animado, contorno.
- [Chromatic Glitch Shader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/ChromaticGlitchShader/ChromaticGlitchShader.swift): A view modifier that breaks a view up like a bad signal: its colors come apart, bands jump sideways and scan lines cross it, drawn by a Metal shader. iOS 18.0+. Effects. Keywords: glitch, chromatic aberration, rgb split, shader, metal, scan lines, vhs, distortion, glitch, aberración cromática, separación rgb, shader, metal, líneas de escaneo, vhs, distorsión. Copy its shader too: [ChromaticGlitchShader.metal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/ChromaticGlitchShader/ChromaticGlitchShader.metal).
- [Coin Flip View](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/CoinFlipView/CoinFlipView.swift): A coin that flips in 3D over several turns and lands on heads or tails. iOS 18.0+. Effects. Keywords: coin, flip, 3D, heads, tails, random, toss, moneda, lanzar, 3D, cara, cruz, aleatorio.
- [Color Reveal Image](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/ColorRevealImage/ColorRevealImage.swift): A black and white image that gains its color as it scrolls toward the middle or when tapped. iOS 18.0+. Effects. Keywords: image, photo, saturation, grayscale, scroll effect, reveal, gallery, imagen, foto, saturación, blanco y negro, efecto de scroll, revelar, galería.
- [Confetti Burst](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/ConfettiBurst/ConfettiBurst.swift): A one-shot confetti burst with simple physics, fired by changing a trigger. iOS 18.0+. Effects. Keywords: confetti, burst, celebration, particles, success, physics, confeti, explosión, celebración, partículas, éxito, física.
- [Fireworks Burst](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/FireworksBurst/FireworksBurst.swift): Rockets that climb to where you tap and explode into particle sparks. iOS 18.0+. Effects. Keywords: fireworks, particles, celebration, explosion, sparks, canvas, tap, fuegos artificiales, partículas, celebración, explosión, chispas, lienzo, toque.
- [Floating Reactions Emitter](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/FloatingReactionsEmitter/FloatingReactionsEmitter.swift): Emoji that float up from the tap point with a random drift and fade out. iOS 18.0+. Effects. Keywords: reactions, emoji, floating, live, hearts, tap, particles, reacciones, emoji, flotante, directo, corazones, toque, partículas.
- [Flow Field Particles](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/FlowFieldParticles/FlowFieldParticles.swift): Particles that drift along a smooth field of angles computed from position and time. iOS 18.0+. Effects. Keywords: flow field, particles, generative, canvas, noise, ambient, animated background, campo de flujo, partículas, generativo, lienzo, ruido, ambiente, fondo animado.
- [Globe 3D Wireframe](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/Globe3DWireframe/Globe3DWireframe.swift): A wireframe globe drawn on a Canvas that spins by itself and turns and tilts as the finger drags it. iOS 18.0+. Effects. Keywords: globe, 3d, wireframe, sphere, earth, rotate, drag, globo, 3d, malla, esfera, tierra, girar, arrastrar.
- [Intelligence Glow Border](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/IntelligenceGlowBorder/IntelligenceGlowBorder.swift): A soft band of color that travels around a view's edge and spreads inward, like an assistant that is listening. iOS 18.0+. Effects. Keywords: glow, border, edge light, assistant, listening, mesh gradient, ai, siri, resplandor, borde, luz de borde, asistente, escuchando, degradado de malla, ia, siri.
- [Jiggle Edit Modifier](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/JiggleEditModifier/JiggleEditModifier.swift): A view modifier that makes views wobble slightly, like app icons in edit mode. iOS 18.0+. Effects. Keywords: jiggle, wobble, shake, edit mode, home screen, icons, modifier, temblor, sacudir, vibrar, modo edición, pantalla de inicio, iconos, modificador.
- [Metaball Lava Lamp](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/MetaballLavaLamp/MetaballLavaLamp.swift): Round blobs that merge and separate like a lava lamp, drawn with a blur and alpha threshold on a Canvas. iOS 18.0+. Effects. Keywords: metaball, lava lamp, blobs, gooey, merge, canvas, alpha threshold, metabolas, lámpara de lava, manchas, gelatinoso, fusionar, lienzo, efecto líquido.
- [Noise Grain Overlay](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/NoiseGrainOverlay/NoiseGrainOverlay.swift): A view modifier that lays a subtle animated film grain over any view. iOS 18.0+. Effects. Keywords: noise, grain, film grain, texture, overlay, modifier, ruido, grano, grano de película, textura, superposición, modificador.
- [Pixelate Shader Effect](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/PixelateShaderEffect/PixelateShaderEffect.swift): A view modifier that draws a view in big square blocks, like a spoiler, and brings it into focus as they shrink, drawn by a Metal shader. iOS 18.0+. Effects. Keywords: pixelate, mosaic, spoiler, censor, shader, metal, reveal, pixelar, mosaico, spoiler, censurar, shader, metal, revelar. Copy its shader too: [PixelateShaderEffect.metal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/PixelateShaderEffect/PixelateShaderEffect.metal).
- [Progressive Blur Header](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/ProgressiveBlurHeader/ProgressiveBlurHeader.swift): A blur that grows toward the top edge of a scroll view, drawn by a Metal shader, so what scrolls under a header melts away. iOS 18.0+. Effects. Keywords: progressive blur, variable blur, header, shader, metal, scroll edge, layer effect, desenfoque progresivo, desenfoque variable, cabecera, shader, metal, borde de scroll, efecto de capa. Copy its shader too: [ProgressiveBlurHeader.metal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/ProgressiveBlurHeader/ProgressiveBlurHeader.metal).
- [Ripple Shader Effect](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/RippleShaderEffect/RippleShaderEffect.swift): A view modifier that sends a wave from the tapped point and bends the view as it passes, drawn by a Metal shader. iOS 18.0+. Effects. Keywords: ripple, shader, metal, water, wave, distortion, refraction, layer effect, tap, keyframes, onda, shader, metal, agua, ola, distorsión, refracción, efecto de capa, toque, fotogramas clave. Copy its shader too: [RippleShaderEffect.metal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/RippleShaderEffect/RippleShaderEffect.metal).
- [Ripple Tap Effect](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/RippleTapEffect/RippleTapEffect.swift): A view modifier that spawns an expanding ripple wherever the user taps. iOS 18.0+. Effects. Keywords: ripple, tap, touch feedback, water, gesture, modifier, onda, toque, pulsación, respuesta táctil, agua, gesto, modificador.
- [Spotlight Overlay](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/SpotlightOverlay/SpotlightOverlay.swift): A dark overlay with a soft hole that follows the finger. iOS 18.0+. Effects. Keywords: spotlight, overlay, dark, reveal, flashlight, drag, mask, foco, superposición, oscuro, revelar, linterna, arrastrar, máscara.
- [Touch Particle Trail](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/TouchParticleTrail/TouchParticleTrail.swift): A trail of fading particles that follows the finger while it drags. iOS 18.0+. Effects. Keywords: particles, trail, touch, finger, drag, sparkles, canvas, partículas, estela, toque, dedo, arrastrar, destellos, lienzo.
- [Voice Orb](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Effects/VoiceOrb/VoiceOrb.swift): A glowing orb for a voice assistant whose colors swirl and that swells with the voice while it listens or speaks. iOS 18.0+. Effects. Keywords: voice orb, assistant, audio reactive, siri, listening, speaking, ai, orbe de voz, asistente, reactivo al audio, siri, escuchando, hablando, ia.
- [Animated Badge Count](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/AnimatedBadgeCount/AnimatedBadgeCount.swift): A count badge whose number rolls to its new value and whose capsule springs to fit it. iOS 18.0+. Feedback. Keywords: badge, count, notification, number, rolling, unread, capsule, insignia, contador, notificación, número, rodillo, sin leer, cápsula.
- [Animated Checkmark Badge](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/AnimatedCheckmarkBadge/AnimatedCheckmarkBadge.swift): A success badge where a circle springs in and the checkmark draws itself inside it. iOS 18.0+. Feedback. Keywords: checkmark, success, badge, done, confirmation, trim, haptic, marca de verificación, éxito, insignia, hecho, confirmación, trazo, háptica.
- [Dynamic Island Pill](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/DynamicIslandPill/DynamicIslandPill.swift): A black capsule at the top of the screen that grows to show a live status and shrinks back to a pill. iOS 18.0+. Feedback. Keywords: dynamic island, pill, capsule, live status, expand, morph, now playing, isla dinámica, píldora, cápsula, estado en directo, expandir, transformación, reproduciendo.
- [Empty State Placeholder](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/EmptyStatePlaceholder/EmptyStatePlaceholder.swift): An empty screen with a breathing symbol, a message and an optional call to action. iOS 18.0+. Feedback. Keywords: empty state, placeholder, no content, symbol, call to action, content unavailable, estado vacío, marcador, sin contenido, símbolo, llamada a la acción, contenido no disponible.
- [Notification Stack](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/NotificationStack/NotificationStack.swift): Notifications piled under the newest one, like a lock screen, that open into a column with a tap and can be swiped away one by one. iOS 18.0+. Feedback. Keywords: notification stack, lock screen, grouped notifications, expand, collapse, pile, swipe to clear, pila de notificaciones, pantalla de bloqueo, notificaciones agrupadas, expandir, contraer, montón, deslizar para borrar.
- [Rating Stars](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/RatingStars/RatingStars.swift): Tappable rating stars that pop with a spring and work as an adjustable value in VoiceOver. iOS 18.0+. Feedback. Keywords: rating, stars, review, score, feedback, spring, adjustable, valoración, estrellas, reseña, puntuación, opinión, muelle, ajustable.
- [Shake Error Modifier](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/ShakeErrorModifier/ShakeErrorModifier.swift): A modifier that shakes a view with keyframes whenever a trigger value changes. iOS 18.0+. Feedback. Keywords: shake, error, validation, form, keyframes, wiggle, invalid input, agitar, sacudir, error, validación, formulario, fotogramas clave, entrada no válida.
- [Toast Banner](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/ToastBanner/ToastBanner.swift): A toast modifier that slides a banner from the top, announces it to VoiceOver and dismisses by itself. iOS 18.0+. Feedback. Keywords: toast, banner, notification, alert, message, auto dismiss, feedback, toast, aviso, notificación, alerta, mensaje, banner, autodescartar.
- [Toast Host](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/ToastHost/ToastHost.swift): A queue of toasts that show above everything, sheets and full-screen covers included. iOS 18.0+. Feedback. Keywords: toast, toast over sheet, banner, notification, queue, overlay window, hud, toast, aviso sobre hoja, banner, notificación, cola, ventana superpuesta, mensaje flotante.
- [Tooltip Popover](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/TooltipPopover/TooltipPopover.swift): A tooltip bubble that pops out of its arrow next to an anchor view and closes on a tap outside. iOS 18.0+. Feedback. Keywords: tooltip, popover, hint, bubble, arrow, anchor, help, información emergente, globo, pista, burbuja, flecha, ancla, ayuda.
- [Undo Snackbar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Feedback/UndoSnackbar/UndoSnackbar.swift): A bottom bar with an Undo button and a shrinking timer line. iOS 18.0+. Feedback. Keywords: snackbar, undo, timer, countdown, bottom bar, toast, feedback, snackbar, deshacer, temporizador, cuenta atrás, barra inferior, aviso, archivar.
- [Completion Swipe Row](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/CompletionSwipeRow/CompletionSwipeRow.swift): A row you swipe to the right to complete, where a checkmark pops in and the row collapses. iOS 18.0+. Gestures. Keywords: swipe, row, complete, task, to do, checkmark, list, deslizar, fila, completar, tarea, pendiente, marca de verificación, lista.
- [Double Tap Heart Overlay](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/DoubleTapHeartOverlay/DoubleTapHeartOverlay.swift): Double tapping a photo throws a heart at the finger and marks the photo as liked. iOS 18.0+. Gestures. Keywords: double tap, heart, like, photo, overlay, favorite, instagram, doble toque, corazón, me gusta, foto, superposición, favorito.
- [Drag Select Grid](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/DragSelectGrid/DragSelectGrid.swift): A grid where dragging across tiles selects them all in one stroke, as in photo libraries. iOS 18.0+. Gestures. Keywords: drag, select, multi-select, grid, photos, tiles, selection, arrastrar, seleccionar, selección múltiple, cuadrícula, fotos, mosaicos.
- [Drop Zone Highlight](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/DropZoneHighlight/DropZoneHighlight.swift): A drop target that highlights and shows a hint while a dragged item hovers over it and clears when the drag leaves. iOS 18.0+. Gestures. Keywords: drop, drag and drop, target, highlight, transferable, files, upload, soltar, arrastrar y soltar, destino, resaltar, transferible, archivos, subir.
- [Long Press Radial Menu](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/LongPressRadialMenu/LongPressRadialMenu.swift): A long press opens a ring of actions, and dragging onto one of them selects it on release. iOS 18.0+. Gestures. Keywords: long press, radial menu, pie menu, ring, drag, actions, context menu, pulsación larga, menú radial, menú circular, anillo, arrastrar, acciones, menú contextual.
- [Pinch Zoom View](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/PinchZoomView/PinchZoomView.swift): A view you pinch to zoom and drag, which springs back to its bounds. iOS 18.0+. Gestures. Keywords: pinch, zoom, magnify, pan, drag, gesture, spring, image viewer, pellizcar, zoom, ampliar, arrastrar, gesto, muelle, visor de imágenes.
- [Scratch To Reveal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/ScratchToReveal/ScratchToReveal.swift): A cover you scratch with a finger to uncover the content beneath it. iOS 18.0+. Gestures. Keywords: scratch, scratch card, reveal, lottery, mask, drag, coupon, rascar, rasca y gana, revelar, lotería, máscara, arrastrar, cupón.
- [Snap Corner Draggable](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/SnapCornerDraggable/SnapCornerDraggable.swift): A floating view that can be dragged anywhere and springs to the nearest safe-area corner when released. iOS 18.0+. Gestures. Keywords: drag, corner, snap, floating, picture in picture, pip, spring, arrastrar, esquina, imán, flotante, imagen en imagen, muelle.
- [Swipe Action Row](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Gestures/SwipeActionRow/SwipeActionRow.swift): A row that reveals action buttons under a horizontal swipe and snaps open or closed. iOS 18.0+. Gestures. Keywords: swipe, row, swipe actions, delete, archive, list, drag, deslizar, fila, acciones, borrar, archivar, lista, arrastrar.
- [Glass Action Menu](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Glass/GlassActionMenu/GlassActionMenu.swift): A floating Liquid Glass button whose actions morph out of it. iOS 26.0+. Glass. Keywords: liquid glass, glass, menu, floating action button, fab, morph, expandable, cristal líquido, cristal, menú, botón flotante, transformación, desplegable.
- [Glass Button Gallery](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Glass/GlassButtonGallery/GlassButtonGallery.swift): A reference gallery of the glass and prominent glass button styles in several sizes, shapes and tints. iOS 26.0+. Glass. Keywords: button, button style, glass, glass prominent, liquid glass, gallery, control size, tint, botón, estilo de botón, cristal, cristal líquido, galería, tamaños, tintes.
- [Glass Segmented Control](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Glass/GlassSegmentedControl/GlassSegmentedControl.swift): A segmented control with a Liquid Glass thumb that slides between segments. iOS 26.0+. Glass. Keywords: segmented control, segments, picker, liquid glass, glass, thumb, slide, tabs, control segmentado, segmentos, selector, cristal líquido, cristal, deslizar, pestañas.
- [Glass Tab Accessory](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Glass/GlassTabAccessory/GlassTabAccessory.swift): A tab view with a Liquid Glass accessory above a tab bar that minimizes on scroll. iOS 26.0+. Glass. Keywords: tab bar, tab view, accessory, mini player, now playing, minimize, liquid glass, scroll, barra de pestañas, accesorio, minirreproductor, minimizar, cristal líquido, desplazamiento.
- [Glass Tag Cloud](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Glass/GlassTagCloud/GlassTagCloud.swift): Tags of tinted, interactive Liquid Glass that melt together when they get close. iOS 26.0+. Glass. Keywords: tags, tag cloud, chips, flow layout, liquid glass, glass, merge, filter, etiquetas, nube de etiquetas, filtros, cristal líquido, cristal, fusionar, diseño fluido.
- [Glass Tool Strip](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Glass/GlassToolStrip/GlassToolStrip.swift): A row of Liquid Glass tool buttons with related tools fused into one shape. iOS 26.0+. Glass. Keywords: toolbar, tools, tool strip, liquid glass, glass, group, union, buttons, barra de herramientas, herramientas, cristal líquido, cristal, agrupar, unión, botones.
- [Before After Slider](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/BeforeAfterSlider/BeforeAfterSlider.swift): Two stacked images split by a draggable handle that compares the before and after versions. iOS 18.0+. Images. Keywords: before after, compare, image, photo, slider, split, handle, antes y después, comparar, imagen, foto, deslizador, dividir.
- [Blur Up Image](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/BlurUpImage/BlurUpImage.swift): An image that goes from a blurred preview into sharp focus once the full picture arrives. iOS 18.0+. Images. Keywords: blur up, progressive image, placeholder, async image, loading, lazy image, desenfoque, imagen progresiva, marcador de posición, imagen asíncrona, carga, enfocar.
- [Circular Avatar Cropper](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/CircularAvatarCropper/CircularAvatarCropper.swift): A photo you pan and pinch under a fixed circular window to choose an avatar crop. iOS 18.0+. Images. Keywords: avatar, crop, cropper, circle, profile photo, pinch, pan, avatar, recortar, recorte, círculo, foto de perfil, pellizcar, encuadrar.
- [Crop Rectangle Overlay](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/CropRectangleOverlay/CropRectangleOverlay.swift): A crop frame with draggable corners and edges over an image, dimming the area outside the selection. iOS 18.0+. Images. Keywords: crop, cropper, rectangle, image, photo editor, handles, selection, recortar, recorte, rectángulo, imagen, editor de fotos, selección, tiradores.
- [Double Tap Zoom Image](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/DoubleTapZoomImage/DoubleTapZoomImage.swift): An image that zooms in on the point you double tap and returns to fit on the next double tap. iOS 18.0+. Images. Keywords: double tap, zoom, image, photo, pan, spatial tap, doble toque, zoom, imagen, foto, ampliar, desplazar.
- [Ken Burns Image](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/KenBurnsImage/KenBurnsImage.swift): A still picture that slowly zooms and pans so that it appears to move. iOS 18.0+. Images. Keywords: ken burns, zoom, pan, image, photo, hero, slow motion, ken burns, zoom, paneo, imagen, foto, portada, movimiento lento.
- [Photo Adjustment Sliders](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/PhotoAdjustmentSliders/PhotoAdjustmentSliders.swift): Brightness, contrast, saturation and hue sliders that update a photo live as they move. iOS 18.0+. Images. Keywords: photo editor, adjustments, brightness, contrast, saturation, hue, sliders, editor de fotos, ajustes, brillo, contraste, saturación, tono, deslizadores.
- [Photo Filter Presets](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/PhotoFilterPresets/PhotoFilterPresets.swift): A row of preset thumbnails that apply mono, warm, cool and high contrast looks to a photo using SwiftUI modifiers. iOS 18.0+. Images. Keywords: photo filters, presets, thumbnails, black and white, image, saturation, filtros de fotos, ajustes predefinidos, miniaturas, blanco y negro, imagen, saturación.
- [Photo Lightbox](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/PhotoLightbox/PhotoLightbox.swift): A full-screen photo pager where each page zooms independently and the viewer closes on a swipe down. iOS 18.0+. Images. Keywords: lightbox, photo viewer, gallery, pager, zoom, swipe to dismiss, full screen, visor de fotos, galería, paginador, zoom, deslizar para cerrar, pantalla completa.
- [Photo Multi Select Grid](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/PhotoMultiSelectGrid/PhotoMultiSelectGrid.swift): A photo grid where a long press enters a multi-select mode that shows checkmarks on the chosen photos. iOS 18.0+. Images. Keywords: photo grid, multi select, selection, long press, checkmark, gallery, cuadrícula de fotos, selección múltiple, seleccionar, pulsación larga, marca de verificación, galería.
- [Scattered Photo Board](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Images/ScatteredPhotoBoard/ScatteredPhotoBoard.swift): Photos scattered at slight angles on a board that can be dragged around and brought to the front on touch. iOS 18.0+. Images. Keywords: photo board, polaroid, scattered, collage, drag, bring to front, moodboard, tablero de fotos, polaroid, dispersas, collage, arrastrar, traer al frente.
- [Character Count Text Editor](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/CharacterCountTextEditor/CharacterCountTextEditor.swift): A multiline text field with a placeholder, a ring that fills toward the limit and a count that turns orange near it and red past it. iOS 18.0+. Inputs. Keywords: character count, character limit, text editor, multiline, counter, textarea, bio, post, contador de caracteres, límite de caracteres, editor de texto, multilínea, contador, biografía, publicación.
- [Clearable Text Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/ClearableTextField/ClearableTextField.swift): A text field with a leading symbol, a clear button that keeps the focus, a tinted border while editing and an optional error message. iOS 18.0+. Inputs. Keywords: text field, clear button, input, icon, focus, error, form, search, campo de texto, botón de borrar, entrada, icono, foco, error, formulario, búsqueda.
- [Color Swatch Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/ColorSwatchPicker/ColorSwatchPicker.swift): A grid of selectable color swatches where the chosen one grows a ring. iOS 18.0+. Inputs. Keywords: color picker, swatches, palette, selection, ring, theme, accent color, selector de color, muestras, paleta, selección, anillo, tema, color de acento.
- [Floating Label Text Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/FloatingLabelTextField/FloatingLabelTextField.swift): A text field whose placeholder floats up when it gains focus or has text. iOS 18.0+. Inputs. Keywords: text field, floating label, placeholder, input, form, focus, material, campo de texto, etiqueta flotante, marcador de posición, entrada, formulario, foco, texto.
- [Masked Text Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/MaskedTextField/MaskedTextField.swift): A text field that formats input as the user types, such as 12/34 or a phone number, using a mask. iOS 18.0+. Inputs. Keywords: text field, mask, input mask, format, phone number, credit card, expiry date, campo de texto, máscara, formato, número de teléfono, tarjeta de crédito, fecha de caducidad.
- [Multi Step Form](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/MultiStepForm/MultiStepForm.swift): A multi-step form with a progress bar that moves forward only when the current step is valid. iOS 18.0+. Inputs. Keywords: form, wizard, steps, stepper, onboarding, validation, progress, formulario, asistente, pasos, validación, progreso, registro.
- [OTP Code Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/OTPCodeField/OTPCodeField.swift): A one-time code field with one box per digit, backed by a single hidden text field. iOS 18.0+. Inputs. Keywords: otp, one-time code, verification, code entry, pin, digits, text field, código de un solo uso, verificación, código, pin, dígitos, campo de texto, autenticación.
- [Passcode Keypad](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/PasscodeKeypad/PasscodeKeypad.swift): A number pad with a dot per digit that shakes and empties when the passcode is wrong. iOS 18.0+. Inputs. Keywords: passcode, pin, keypad, number pad, lock screen, unlock, app lock, código, pin, teclado numérico, pantalla de bloqueo, desbloquear, contraseña, bloqueo de app.
- [Password Strength Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/PasswordStrengthField/PasswordStrengthField.swift): A password field with a strength meter and a checklist of rules that tick off as they are met. iOS 18.0+. Inputs. Keywords: password, secure field, strength meter, checklist, validation, sign up, form, contraseña, campo seguro, fortaleza, lista de requisitos, validación, registro, formulario.
- [Rich Text Editor](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/RichTextEditor/RichTextEditor.swift): A text editor with a bar to make the selection bold, italic, underlined, struck through or highlighted. iOS 26.0+. Inputs. Keywords: rich text, text editor, formatting, bold, highlight, attributed string, ios 26, texto enriquecido, editor de texto, formato, negrita, resaltar, attributed string, ios 26.
- [Search Field With Suggestions](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/SearchFieldWithSuggestions/SearchFieldWithSuggestions.swift): A search field that lists matching suggestions as the user types and fills the field when one is chosen. iOS 18.0+. Inputs. Keywords: search, searchable, suggestions, autocomplete, completion, filter, búsqueda, buscador, sugerencias, autocompletar, filtro.
- [Tag Input Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/TagInputField/TagInputField.swift): A field that turns what you type into removable tags, which wrap onto as many lines as they need. iOS 18.0+. Inputs. Keywords: tags, token field, chips input, tag editor, labels, keywords, multi value, etiquetas, campo de etiquetas, chips, tokens, palabras clave, editor de etiquetas, varios valores.
- [Validated Text Field](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Inputs/ValidatedTextField/ValidatedTextField.swift): A text field that checks its value when it loses focus and shows its error only after that. iOS 18.0+. Inputs. Keywords: text field, validation, error message, focus, form, input, campo de texto, validación, mensaje de error, foco, formulario.
- [Model Availability Gate](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Intelligence/ModelAvailabilityGate/ModelAvailabilityGate.swift): A view that shows its content when the on-device model can answer, and otherwise explains why not and what the person can do. iOS 26.0+. Intelligence. Keywords: foundation models, apple intelligence, on-device model, availability, unavailable state, gate, llm, modelo en el dispositivo, apple intelligence, disponibilidad, estado no disponible, inteligencia artificial, comprobación.
- [On Device Streaming Answer](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Intelligence/OnDeviceStreamingAnswer/OnDeviceStreamingAnswer.swift): An answer that fills in as the on-device model streams it, with no network request. iOS 26.0+. Intelligence. Keywords: foundation models, streaming, on-device model, llm, apple intelligence, chat answer, ai text, respuesta en streaming, modelo en el dispositivo, inteligencia artificial, apple intelligence, texto generado, sin conexión.
- [Structured Output Form](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Intelligence/StructuredOutputForm/StructuredOutputForm.swift): A form whose fields the on-device model fills in from a free-form note as a typed Generable value. iOS 27.0+. Intelligence. Keywords: foundation models, generable, structured output, form, autofill, apple intelligence, extraction, llm, salida estructurada, formulario, autorrelleno, inteligencia artificial, apple intelligence, extracción de datos, generable.
- [Adaptive Columns Grid](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/AdaptiveColumnsGrid/AdaptiveColumnsGrid.swift): A grid whose column count is computed from the available width, so it gives more columns on iPad and fewer on iPhone. iOS 18.0+. Layouts. Keywords: grid, columns, responsive, adaptive, lazy grid, ipad, layout, cuadrícula, columnas, adaptable, responsive, rejilla, ipad, diseño.
- [Any Layout Adaptive Switch](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/AnyLayoutAdaptiveSwitch/AnyLayoutAdaptiveSwitch.swift): A group that animates between a row and a column when its available width changes. iOS 18.0+. Layouts. Keywords: anylayout, adaptive, row, column, responsive, hstack, vstack, diseño adaptable, fila, columna, responsive, cambio de disposición, anylayout.
- [Bento Grid Layout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/BentoGridLayout/BentoGridLayout.swift): A custom Layout that packs tiles of varied spans into a bento grid. iOS 18.0+. Layouts. Keywords: bento, grid, custom layout, tiles, mosaic, span, dashboard, bento, cuadrícula, diseño personalizado, mosaico, baldosas, panel.
- [Flow Tags Layout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/FlowTagsLayout/FlowTagsLayout.swift): A custom Layout that wraps tags onto as many lines as they need. iOS 18.0+. Layouts. Keywords: flow layout, tags, wrap, chips, custom layout, line break, tag cloud, etiquetas, ajuste de línea, diseño fluido, chips, diseño personalizado, nube de etiquetas.
- [Kanban Board](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/KanbanBoard/KanbanBoard.swift): Columns of cards that the user drags from one column to another. iOS 18.0+. Layouts. Keywords: kanban, board, drag and drop, columns, cards, tasks, trello, kanban, tablero, arrastrar y soltar, columnas, tarjetas, tareas.
- [Masonry Layout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/MasonryLayout/MasonryLayout.swift): A custom layout that places items of different heights into the shortest of several columns, like a Pinterest board. iOS 18.0+. Layouts. Keywords: masonry, pinterest, waterfall, custom layout, columns, grid, staggered, mampostería, pinterest, cascada, diseño personalizado, columnas, cuadrícula.
- [Morphing Layout Switch](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/MorphingLayoutSwitch/MorphingLayoutSwitch.swift): A switch that moves items between a list and a grid in one lazy grid, keeping the state of each cell. iOS 18.0+. Layouts. Keywords: list, grid, toggle, columns, morph, layout switch, transition, lista, cuadrícula, alternar, columnas, transformación, cambio de vista, transición.
- [Radial Layout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/RadialLayout/RadialLayout.swift): A custom Layout that spreads views around a circle and animates as the count changes. iOS 18.0+. Layouts. Keywords: radial, circle, custom layout, circular menu, orbit, ring, animated, radial, círculo, diseño personalizado, menú circular, órbita, anillo, animado.
- [Readable Width Container](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/ReadableWidthContainer/ReadableWidthContainer.swift): A wrapper that caps its content to a comfortable reading width and centers it on large iPad screens. iOS 18.0+. Layouts. Keywords: readable width, max width, ipad, container, centered content, typography, ancho de lectura, ancho máximo, ipad, contenedor, contenido centrado, tipografía.
- [Subview Card Container](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Layouts/SubviewCardContainer/SubviewCardContainer.swift): A custom container that styles each child of its ViewBuilder as a card. iOS 18.0+. Layouts. Keywords: custom container, subviews, viewbuilder, container values, foreach subviews, cards, ios 18, contenedor personalizado, subvistas, viewbuilder, valores de contenedor, tarjetas, ios 18.
- [Accordion Section](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/AccordionSection/AccordionSection.swift): A stack of sections where opening one section closes the others, with the content height animated. iOS 18.0+. Lists. Keywords: accordion, expandable, collapse, faq, sections, disclosure, acordeón, desplegable, expandir, contraer, preguntas frecuentes, secciones.
- [Disclosure Tree View](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/DisclosureTreeView/DisclosureTreeView.swift): A nested tree of rows that expand and collapse, indenting each level, for folders or category hierarchies. iOS 18.0+. Lists. Keywords: tree, outline, hierarchy, folders, expand, collapse, nested list, árbol, jerarquía, carpetas, expandir, contraer, lista anidada, esquema.
- [Edit Mode Multi Select](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/EditModeMultiSelect/EditModeMultiSelect.swift): A list with a Select mode that shows selection circles on each row and a bottom bar of bulk actions. iOS 18.0+. Lists. Keywords: multi select, edit mode, selection, list, bulk actions, select all, toolbar, selección múltiple, modo edición, selección, lista, acciones en lote, seleccionar todo.
- [Load More Footer](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/LoadMoreFooter/LoadMoreFooter.swift): An infinite list footer that requests the next page when it appears and shows loading, retry and end states. iOS 18.0+. Lists. Keywords: infinite scroll, pagination, load more, footer, paging, list, next page, scroll infinito, paginación, cargar más, pie de lista, lista, siguiente página.
- [Reorderable Card List](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/ReorderableCardList/ReorderableCardList.swift): A stack of cards you can drag into a new order, without using List. iOS 27.0+. Lists. Keywords: reorder, drag, drag and drop, sort, cards, list, stack, reordenar, arrastrar, arrastrar y soltar, ordenar, tarjetas, lista.
- [Reorderable Grid](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/ReorderableGrid/ReorderableGrid.swift): A grid of tiles the user can drag into a new order. iOS 27.0+. Lists. Keywords: reorder, drag, drag and drop, grid, tiles, lazy grid, sort, home screen, reordenar, arrastrar, arrastrar y soltar, cuadrícula, mosaicos, ordenar, pantalla de inicio.
- [Sticky Section Headers](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/StickySectionHeaders/StickySectionHeaders.swift): A scrolling list of sections whose headers pin to the top until the next header pushes them off. iOS 18.0+. Lists. Keywords: sticky header, pinned header, section, list, contacts, scroll, lazy stack, cabecera fija, cabecera anclada, sección, lista, contactos, desplazamiento.
- [Swipe Action Cards](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Lists/SwipeActionCards/SwipeActionCards.swift): A column of cards with the system's swipe actions, outside a List. iOS 27.0+. Lists. Keywords: swipe actions, cards, swipe to delete, without list, lazy stack, row actions, ios 27, acciones al deslizar, tarjetas, deslizar para borrar, sin list, lazy stack, acciones de fila, ios 27.
- [Arc Segments Loader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/ArcSegmentsLoader/ArcSegmentsLoader.swift): A spinner with gradient arc segments of different lengths turning in opposite directions. iOS 18.0+. Loaders. Keywords: loader, arc, segments, spinner, ring, rotating, loading, cargador, arco, segmentos, anillo, giratorio, carga.
- [Blob Morph Loader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/BlobMorphLoader/BlobMorphLoader.swift): A soft gradient blob drawn in a canvas that keeps changing shape while content loads. iOS 18.0+. Loaders. Keywords: loader, blob, morph, canvas, organic, spinner, loading, cargador, mancha, transformación, lienzo, orgánico, carga, animación.
- [Dots Pulse Loader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/DotsPulseLoader/DotsPulseLoader.swift): Three dots that pulse in sequence, as in a typing indicator. iOS 18.0+. Loaders. Keywords: loader, dots, pulse, typing indicator, chat, loading, cargador, puntos, pulso, escribiendo, chat, carga.
- [Orbit Loader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/OrbitLoader/OrbitLoader.swift): A loading indicator with dots that orbit a glowing center. iOS 18.0+. Loaders. Keywords: loader, orbit, dots, spinner, loading, activity indicator, cargador, órbita, puntos, carga, spinner, indicador de actividad.
- [Skeleton Shimmer Modifier](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/SkeletonShimmerModifier/SkeletonShimmerModifier.swift): A view modifier that turns any view into a shimmering redacted placeholder while it loads. iOS 18.0+. Loaders. Keywords: skeleton, shimmer, placeholder, redacted, loading, list, view modifier, esqueleto, brillo, marcador de posición, carga, lista, cargando, modificador.
- [Symbol Breathe Loader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/SymbolBreatheLoader/SymbolBreatheLoader.swift): A loading indicator made of an SF Symbol that uses the breathe and rotate symbol effects. iOS 18.0+. Loaders. Keywords: loader, sf symbols, symbol effect, breathe, rotate, loading, cargador, símbolo, efecto de símbolo, respirar, rotación, carga.
- [Wave Bars Loader](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Loaders/WaveBarsLoader/WaveBarsLoader.swift): A loading indicator with bars that rise and fall like an audio equalizer. iOS 18.0+. Loaders. Keywords: loader, bars, equalizer, audio, wave, loading, cargador, barras, ecualizador, audio, onda, carga.
- [Map Annotation Callout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Maps/MapAnnotationCallout/MapAnnotationCallout.swift): Map pins with a short label that open a callout above them when tapped, while the camera moves to fit it. iOS 18.0+. Maps. Keywords: map, annotation, callout, price pin, marker, popover, mapkit, mapa, anotación, globo, pin con precio, marcador, tarjeta emergente, mapkit.
- [Map Cluster Annotations](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Maps/MapClusterAnnotations/MapClusterAnnotations.swift): A map where places that are close together are drawn as one bubble with their count, which splits into its places as the map zooms in. iOS 18.0+. Maps. Keywords: map clustering, cluster, annotations, pins, mapkit, zoom, grouped markers, count bubble, agrupar en el mapa, clúster, anotaciones, chinchetas, mapkit, zoom, marcadores agrupados, burbuja con número.
- [Map Route Tracker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Maps/MapRouteTracker/MapRouteTracker.swift): A route on a map with a marker that travels along it, the part done in solid and the rest dotted, like an order on its way. iOS 18.0+. Maps. Keywords: map, route, delivery tracking, polyline, live location, progress, mapkit, mapa, ruta, seguimiento de pedido, polilínea, ubicación en vivo, progreso, mapkit.
- [Map Search Sheet](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Maps/MapSearchSheet/MapSearchSheet.swift): A map with a sheet of places that rests at the bottom, filters as you type and flies to the place you choose. iOS 18.0+. Maps. Keywords: map, search, bottom sheet, places, detents, markers, mapkit, mapa, búsqueda, hoja inferior, lugares, alturas, marcadores, mapkit.
- [Audio Player Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/AudioPlayerCard/AudioPlayerCard.swift): A podcast-style player card with artwork, a scrubber, skip buttons and a play and pause toggle. iOS 18.0+. Media. Keywords: audio player, podcast, player card, scrubber, play pause, skip, now playing, reproductor de audio, pódcast, tarjeta, barra de progreso, reproducir, pausa, saltar.
- [Double Tap Seek Overlay](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/DoubleTapSeekOverlay/DoubleTapSeekOverlay.swift): Double tapping the left or right half of a video skips back or forward with a ripple and a seconds label. iOS 18.0+. Media. Keywords: double tap, seek, video, skip, ripple, gesture, player, doble toque, avanzar, retroceder, vídeo, ondulación, gesto, reproductor.
- [Expanding Mini Player](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/ExpandingMiniPlayer/ExpandingMiniPlayer.swift): A mini player bar that morphs into a full player when it is tapped or pulled up. iOS 18.0+. Media. Keywords: mini player, music player, expand, matched geometry, now playing, drag, morph, minirreproductor, reproductor de música, expandir, arrastrar, transformación, reproduciendo.
- [Shutter Capture Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/ShutterCaptureButton/ShutterCaptureButton.swift): A camera shutter whose inner shape shrinks on press and flashes a ring on capture, with a photo and video toggle. iOS 18.0+. Media. Keywords: camera, shutter, capture, photo, video, record button, ring, cámara, obturador, capturar, foto, vídeo, botón de grabar.
- [Spinning Vinyl Art](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/SpinningVinylArt/SpinningVinylArt.swift): Circular album art on a vinyl disc that spins while playing and eases to a stop when paused. iOS 18.0+. Media. Keywords: vinyl, album art, record, spinning, rotation, music, turntable, vinilo, carátula, disco, girar, rotación, música, tocadiscos.
- [Video Player Chrome](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/VideoPlayerChrome/VideoPlayerChrome.swift): Custom controls over any video view that show on tap, hide after a few seconds and include a scrubber. iOS 18.0+. Media. Keywords: video player, controls, overlay, auto hide, scrubber, chrome, playback, reproductor de vídeo, controles, superposición, ocultar automáticamente, barra de progreso, reproducción.
- [Video Poster To Player](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/VideoPosterToPlayer/VideoPosterToPlayer.swift): A poster with a play button that opens into the playing video in the same frame through a growing circle. iOS 18.0+. Media. Keywords: video, poster, thumbnail, play button, reveal, transition, inline player, vídeo, póster, miniatura, botón de reproducir, revelar, transición.
- [Waveform Scrubber](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Media/WaveformScrubber/WaveformScrubber.swift): An audio waveform of bars that you drag to seek and that fills as playback moves on. iOS 18.0+. Media. Keywords: waveform, audio, scrubber, seek, voice note, canvas, bars, forma de onda, audio, barra de progreso, buscar, nota de voz, barras.
- [Coach Mark Tour](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Menus/CoachMarkTour/CoachMarkTour.swift): A guided tour that dims the screen and spotlights a sequence of views with a step card next to each one. iOS 18.0+. Menus. Keywords: coach mark, tour, onboarding, spotlight, tooltip, highlight, walkthrough, guía, tour, introducción, foco, resaltar, tutorial, indicaciones.
- [Command Palette](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Menus/CommandPalette/CommandPalette.swift): A searchable sheet of commands with shortcut hints and live filtering as you type. iOS 18.0+. Menus. Keywords: command palette, search, actions, shortcuts, filter, sheet, command k, paleta de comandos, búsqueda, acciones, atajos, filtrar, hoja.
- [Context Menu Preview Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Menus/ContextMenuPreviewCard/ContextMenuPreviewCard.swift): A card that lifts a richer preview above its menu when you press and hold it. iOS 18.0+. Menus. Keywords: context menu, long press, preview, card, menu, press and hold, menú contextual, pulsación larga, vista previa, tarjeta, menú, mantener pulsado.
- [Dropdown Select Menu](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Menus/DropdownSelectMenu/DropdownSelectMenu.swift): A custom dropdown field whose list of options grows out of it and collapses on selection. iOS 18.0+. Menus. Keywords: dropdown, select, picker, menu, options, form field, combobox, desplegable, selector, menú, opciones, campo de formulario, elegir.
- [Gooey Floating Menu](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Menus/GooeyFloatingMenu/GooeyFloatingMenu.swift): A floating button whose option bubbles melt and merge out of it like liquid. iOS 18.0+. Menus. Keywords: gooey, metaball, floating action button, fab, menu, liquid, blob, fan, gelatinoso, menú flotante, botón flotante, líquido, fusión, burbujas, abanico.
- [Animatable Ring](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Modern/AnimatableRing/AnimatableRing.swift): A progress ring whose arc animates through the @Animatable macro. iOS 26.0+. Modern. Keywords: progress ring, ring, arc, animatable, custom shape, progress, gauge, circular progress, anillo de progreso, anillo, arco, forma animada, progreso, medidor, progreso circular.
- [Concentric Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Modern/ConcentricCard/ConcentricCard.swift): Nested cards whose corners stay concentric with ConcentricRectangle, however deep they sit. iOS 26.0+. Modern. Keywords: concentric, corners, corner radius, nested cards, card, container shape, rounded rectangle, concéntrico, esquinas, radio de esquina, tarjetas anidadas, tarjeta, forma contenedora.
- [Prominent Tab Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Modern/ProminentTabBar/ProminentTabBar.swift): A tab view whose main action gets the system's prominent tab treatment. iOS 27.0+. Modern. Keywords: tab bar, tab view, prominent tab, tab role, action button, compose, navigation, barra de pestañas, pestaña destacada, rol de pestaña, botón de acción, redactar, navegación.
- [Scroll Edge Header](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Modern/ScrollEdgeHeader/ScrollEdgeHeader.swift): A scroll view whose content dissolves under a custom header using the scroll edge effect. iOS 26.0+. Modern. Keywords: scroll edge, scroll edge effect, header, sticky header, safe area bar, blur, scroll view, borde de desplazamiento, cabecera, cabecera fija, barra de área segura, desenfoque, desplazamiento.
- [Symbol Draw On](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Modern/SymbolDrawOn/SymbolDrawOn.swift): An SF Symbol that draws itself on and off, stroke by stroke. iOS 26.0+. Modern. Keywords: sf symbols, symbol effect, draw on, draw off, stroke, handwriting, icon animation, símbolos, efecto de símbolo, dibujar, trazo, animación de icono, escritura a mano.
- [Toolbar Overflow Demo](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Modern/ToolbarOverflowDemo/ToolbarOverflowDemo.swift): A toolbar that ranks which actions survive when space runs out and keeps others in the overflow menu. iOS 27.0+. Modern. Keywords: toolbar, overflow menu, more menu, visibility priority, actions, navigation bar, toolbar item, barra de herramientas, menú de desbordamiento, menú más, prioridad de visibilidad, acciones, barra de navegación.
- [Adaptive Sidebar Layout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/AdaptiveSidebarLayout/AdaptiveSidebarLayout.swift): A split view driven by one Boolean that collapses to the detail on iPad and swaps columns on iPhone. iOS 18.0+. Navigation. Keywords: sidebar, split view, ipad, adaptive, columns, collapse, toggle, barra lateral, vista dividida, ipad, adaptable, columnas, colapsar, alternar.
- [Animated Tab Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/AnimatedTabBar/AnimatedTabBar.swift): A custom tab bar with a sliding indicator and icons that bounce on selection. iOS 18.0+. Navigation. Keywords: tab bar, tabs, navigation, indicator, bounce, sf symbols, custom tab bar, barra de pestañas, pestañas, navegación, indicador, rebote, símbolos, menú inferior.
- [Bottom Drawer](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/BottomDrawer/BottomDrawer.swift): A draggable bottom drawer that snaps to detents, built as a custom overlay. iOS 18.0+. Navigation. Keywords: bottom sheet, drawer, detents, drag, snap, overlay, gesture, hoja inferior, cajón, panel inferior, arrastrar, anclaje, superposición, gesto.
- [Breadcrumb Trail](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/BreadcrumbTrail/BreadcrumbTrail.swift): A breadcrumb path that moves its middle crumbs into a menu when it runs out of width. iOS 18.0+. Navigation. Keywords: breadcrumb, path, trail, hierarchy, folders, collapse, ellipsis, migas de pan, ruta, jerarquía, carpetas, colapsar, puntos suspensivos.
- [Drag To Dismiss Screen](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/DragToDismissScreen/DragToDismissScreen.swift): A full-screen page that follows a downward drag, shrinks and fades, then leaves when released past a threshold. iOS 18.0+. Navigation. Keywords: drag to dismiss, pull down, full screen, swipe down, close, gesture, interactive, arrastrar para cerrar, deslizar hacia abajo, pantalla completa, cerrar, gesto, interactivo.
- [Embedded Web Browser](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/EmbeddedWebBrowser/EmbeddedWebBrowser.swift): A small browser inside the app, with an address bar, back, forward, reload and a line that fills while the page loads. iOS 26.0+. Navigation. Keywords: web view, browser, webkit, in-app browser, web page, address bar, ios 26, web view, navegador, webkit, navegador en la app, página web, barra de direcciones, ios 26.
- [Full Screen Menu Overlay](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/FullScreenMenuOverlay/FullScreenMenuOverlay.swift): A full-screen menu that opens over the content and brings its links in one by one. iOS 18.0+. Navigation. Keywords: full screen menu, overlay, stagger, hamburger, navigation, links, animated, menú a pantalla completa, superposición, escalonado, hamburguesa, navegación, enlaces, animado.
- [Navigation Path Router](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/NavigationPathRouter/NavigationPathRouter.swift): A router that owns a NavigationPath so any view can push or pop screens by a typed value. iOS 18.0+. Navigation. Keywords: router, navigation path, coordinator, deep link, push, pop, programmatic navigation, enrutador, ruta de navegación, coordinador, enlace profundo, navegación programática, apilar.
- [Page Dots Indicator](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/PageDotsIndicator/PageDotsIndicator.swift): Page dots where the current one stretches into a capsule, following a paged TabView or scroll. iOS 18.0+. Navigation. Keywords: page control, dots, pagination, carousel, indicator, onboarding, capsule, puntos de página, puntos, paginación, carrusel, indicador, bienvenida, cápsula.
- [Scroll Spy Header](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/ScrollSpyHeader/ScrollSpyHeader.swift): A bar of chips that highlights the section at the top of a scroll view and jumps to a section when tapped. iOS 18.0+. Navigation. Keywords: scroll spy, sticky header, chips, sections, anchor, jump, menu, seguimiento de scroll, cabecera fija, chips, secciones, ancla, saltar, carta.
- [Scroll To Top Button](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/ScrollToTopButton/ScrollToTopButton.swift): A floating button that appears after scrolling down and returns the scroll view to the top. iOS 18.0+. Navigation. Keywords: scroll to top, back to top, floating button, scroll, scroll position, list, arrow, volver arriba, subir, botón flotante, desplazamiento, posición de scroll, lista, flecha.
- [Search Scopes And Suggestions](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/SearchScopesAndSuggestions/SearchScopesAndSuggestions.swift): A modifier that adds a search field with scope buttons and suggestion rows that narrow as you type. iOS 18.0+. Navigation. Keywords: search, searchable, scopes, suggestions, autocomplete, filter, búsqueda, buscador, ámbitos, sugerencias, autocompletar, filtro.
- [Side Drawer](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/SideDrawer/SideDrawer.swift): A side menu that slides in and pushes the content away, with drag to open and close. iOS 18.0+. Navigation. Keywords: side menu, drawer, hamburger, navigation, sidebar, drag, push, menú lateral, cajón, hamburguesa, navegación, barra lateral, arrastrar, desplazar.
- [Sidebar Adaptive Tabs](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/SidebarAdaptiveTabs/SidebarAdaptiveTabs.swift): The same tabs as a bottom tab bar on iPhone and as a sidebar on iPad. iOS 18.0+. Navigation. Keywords: tab bar, sidebar, ipad, adaptive, tabs, TabView, barra de pestañas, barra lateral, ipad, adaptable, pestañas.
- [Tab Navigation State Preserve](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/TabNavigationStatePreserve/TabNavigationStatePreserve.swift): A tab bar where each tab keeps its own navigation path in one store, so switching back restores your place. iOS 18.0+. Navigation. Keywords: tab bar, navigation stack, preserve state, restore, pop to root, tabs, barra de pestañas, pila de navegación, conservar estado, restaurar, volver al inicio, pestañas.
- [Two Pane Split Layout](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Navigation/TwoPaneSplitLayout/TwoPaneSplitLayout.swift): A list and its detail that sit side by side on iPad and share one navigation stack on iPhone, on NavigationSplitView. iOS 18.0+. Navigation. Keywords: master detail, two pane, split, ipad, size class, adaptive, list detail, maestro detalle, dos paneles, dividido, ipad, adaptable, lista y detalle.
- [Permission Primer Screen](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Patterns/PermissionPrimerScreen/PermissionPrimerScreen.swift): The screen shown before the system asks for a permission: what it is for, what the person gets, and one button that leads to the system's question. iOS 18.0+. Patterns. Keywords: permission, pre-permission, primer, notifications, onboarding, allow, privacy, tracking, permiso, pantalla previa, notificaciones, bienvenida, permitir, privacidad, seguimiento, solicitar permiso.
- [Vertical Timeline](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Patterns/VerticalTimeline/VerticalTimeline.swift): A vertical timeline with a connector line and done, current and upcoming steps. iOS 18.0+. Patterns. Keywords: timeline, steps, progress, order tracking, stepper, history, status, línea de tiempo, pasos, progreso, seguimiento de pedido, historial, estado.
- [Weather Forecast Screen](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Patterns/WeatherForecastScreen/WeatherForecastScreen.swift): A weather screen with a header that shrinks to one line as it scrolls, an hourly strip, a ten-day list of temperature range bars over the week and an animated sky with rain or snow. iOS 18.0+. Patterns. Keywords: weather, forecast, temperature, hourly forecast, daily forecast, range bar, sky, rain, snow, collapsing header, tiempo, clima, previsión, temperatura, previsión por horas, previsión diaria, barra de rango, cielo, lluvia, nieve.
- [Country Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Pickers/CountryPicker/CountryPicker.swift): A searchable list of countries with flags and dial codes that opens on the current region. iOS 18.0+. Pickers. Keywords: country, picker, flag, dial code, phone prefix, region, search, país, selector, bandera, prefijo telefónico, región, búsqueda.
- [Emoji Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Pickers/EmojiPicker/EmojiPicker.swift): A grid of emoji grouped by category, with tabs that jump between sections and a row of recent picks. iOS 18.0+. Pickers. Keywords: emoji, picker, grid, smileys, keyboard, recent, reactions, emoji, selector, cuadrícula, caritas, teclado, recientes, reacciones.
- [Inline Date Picker Disclosure](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Pickers/InlineDatePickerDisclosure/InlineDatePickerDisclosure.swift): A date row that opens in place into a calendar and closes again once a day is chosen. iOS 18.0+. Pickers. Keywords: date picker, calendar, disclosure, inline, expand, collapse, date, selector de fecha, calendario, desplegable, en línea, expandir, colapsar, fecha.
- [Multi Photo Picker Tray](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Pickers/MultiPhotoPickerTray/MultiPhotoPickerTray.swift): A photo picker limited to a maximum count, with a tray of chosen thumbnails that can be removed. iOS 18.0+. Pickers. Keywords: photo picker, photos, multiple selection, image picker, thumbnails, gallery, tray, selector de fotos, fotos, selección múltiple, imágenes, miniaturas, galería, bandeja.
- [Time Slot Grid Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Pickers/TimeSlotGridPicker/TimeSlotGridPicker.swift): A grid of time slots where unavailable times are disabled and the chosen slot is highlighted. iOS 18.0+. Pickers. Keywords: time picker, time slots, booking, appointment, schedule, grid, reservation, selector de hora, franjas horarias, reserva, cita, horario, cuadrícula.
- [Wheel Picker](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Pickers/WheelPicker/WheelPicker.swift): A vertical wheel that picks one value from a list, with rows turning in 3D as they leave the center. iOS 18.0+. Pickers. Keywords: wheel picker, picker, scroll wheel, 3d, time picker, snap, rotation, selector de rueda, rueda, selector, desplazamiento, 3d, selector de hora, rotación.
- [Bubble Wrap Pop](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Playful/BubbleWrapPop/BubbleWrapPop.swift): A sheet of bubbles that pop with a quick shrink and stay flat until reset. iOS 18.0+. Playful. Keywords: bubble wrap, pop, fidget, toy, playful, haptics, grid, plástico de burbujas, explotar, juguete, divertido, vibración, cuadrícula.
- [Slot Machine Reels](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Playful/SlotMachineReels/SlotMachineReels.swift): Reels of symbols that spin and stop one after another, with the result under a line across them. iOS 18.0+. Playful. Keywords: slot machine, reels, spin, jackpot, casino, random, lottery, game, tragaperras, rodillos, girar, premio, casino, aleatorio, lotería, juego.
- [Spin Wheel Roulette](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Playful/SpinWheelRoulette/SpinWheelRoulette.swift): A prize wheel that spins with friction and lands on a random slice. iOS 18.0+. Playful. Keywords: spin wheel, roulette, prize wheel, fortune, random, game, lucky draw, ruleta, rueda de premios, premio, fortuna, aleatorio, juego, sorteo.
- [Profile Header Stretchy](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Profiles/ProfileHeaderStretchy/ProfileHeaderStretchy.swift): A profile whose cover stretches when the page is pulled down and closes into a bar with the name as it scrolls, while the avatar on its edge shrinks away. iOS 18.0+. Profiles. Keywords: profile header, stretchy header, cover image, avatar, collapsing header, pull to stretch, social profile, cabecera de perfil, cabecera elástica, imagen de portada, avatar, cabecera que se contrae, tirar para estirar, perfil social.
- [Stories Viewer](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Profiles/StoriesViewer/StoriesViewer.swift): A full-screen story pager with segmented progress bars, tap to move and hold to pause. iOS 18.0+. Profiles. Keywords: stories, story viewer, instagram, progress bars, pager, full screen, hold to pause, historias, visor de historias, instagram, barras de progreso, paginador, pantalla completa, mantener para pausar.
- [Story Ring Avatar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Profiles/StoryRingAvatar/StoryRingAvatar.swift): An avatar with a gradient ring that spins while there are unseen stories. iOS 18.0+. Profiles. Keywords: avatar, story ring, profile picture, gradient ring, unseen, instagram, avatar, anillo de historias, foto de perfil, anillo degradado, sin ver, instagram.
- [Activity Rings](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/ActivityRings/ActivityRings.swift): Concentric gradient rings that close as daily goals are reached. iOS 18.0+. Progress. Keywords: activity rings, fitness, health, goals, circular progress, gradient, watch, anillos de actividad, ejercicio, salud, objetivos, progreso circular, degradado, reloj.
- [Circular Progress Ring](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/CircularProgressRing/CircularProgressRing.swift): An animated gradient ring that shows progress with a percentage in the middle. iOS 18.0+. Progress. Keywords: progress, ring, circular, gradient, percentage, activity ring, progreso, anillo, circular, degradado, porcentaje, indicador.
- [Countdown Ring](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/CountdownRing/CountdownRing.swift): A ring that empties and a number that counts down to a date. iOS 18.0+. Progress. Keywords: countdown, timer, ring, seconds, progress, time remaining, cuenta atrás, temporizador, anillo, segundos, progreso, tiempo restante.
- [Download Pill Progress](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/DownloadPillProgress/DownloadPillProgress.swift): A capsule button that turns into a progress ring while downloading, then into a checkmark. iOS 18.0+. Progress. Keywords: download, button, progress ring, morph, capsule, app store, descarga, botón, anillo de progreso, transformación, cápsula, app store.
- [Gradient Progress Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/GradientProgressBar/GradientProgressBar.swift): A rounded progress bar with a gradient fill that glows more strongly as it advances. iOS 18.0+. Progress. Keywords: progress, bar, gradient, glow, download, linear progress, progreso, barra, degradado, brillo, descarga, resplandor.
- [Liquid Fill Progress](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/LiquidFillProgress/LiquidFillProgress.swift): A circular progress view filled by a moving liquid wave drawn with an animatable shape. iOS 18.0+. Progress. Keywords: progress, liquid, wave, water, fill, circle, animatable shape, progreso, líquido, ola, agua, llenado, círculo, onda.
- [Step Progress Indicator](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Progress/StepProgressIndicator/StepProgressIndicator.swift): Numbered steps joined by a line that fills as the current step advances. iOS 18.0+. Progress. Keywords: steps, stepper, progress, checkout, wizard, onboarding, timeline, pasos, progreso, asistente, pago, línea, numerados, etapas.
- [Auto Advance Carousel](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/AutoAdvanceCarousel/AutoAdvanceCarousel.swift): A paged carousel that advances on a timer and pauses while the user is dragging it. iOS 18.0+. Scrolling. Keywords: carousel, auto advance, autoplay, banner, slideshow, paging, timer, carrusel, avance automático, reproducción automática, banner, presentación, paginación, temporizador.
- [Cover Flow Carousel](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/CoverFlowCarousel/CoverFlowCarousel.swift): A horizontal carousel where the centered item faces forward and its neighbours turn away in 3D as you scroll. iOS 18.0+. Scrolling. Keywords: cover flow, carousel, 3d, albums, horizontal scroll, snap, perspective, cover flow, carrusel, 3d, álbumes, desplazamiento horizontal, perspectiva.
- [Hide On Scroll Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/HideOnScrollBar/HideOnScrollBar.swift): A bottom bar that slides out of view while the user scrolls down and returns as soon as they scroll up. iOS 18.0+. Scrolling. Keywords: hide on scroll, bottom bar, tab bar, scroll direction, toolbar, auto hide, ocultar al desplazar, barra inferior, barra de pestañas, dirección de desplazamiento, barra de herramientas, ocultación automática.
- [Infinite Marquee Row](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/InfiniteMarqueeRow/InfiniteMarqueeRow.swift): A row of content that scrolls forever without a visible seam. iOS 18.0+. Scrolling. Keywords: marquee, infinite scroll, ticker, chips, loop, auto scroll, tags, marquesina, desplazamiento infinito, chips, bucle, etiquetas, automático.
- [Netflix Rows Scroller](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/NetflixRowsScroller/NetflixRowsScroller.swift): A vertical stack of titled horizontal rows where each row scrolls on its own, like a streaming home screen. iOS 18.0+. Scrolling. Keywords: netflix, streaming, rows, posters, horizontal scroll, home screen, catalog, netflix, streaming, filas, carteles, desplazamiento horizontal, pantalla de inicio, catálogo.
- [Onboarding Pager](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/OnboardingPager/OnboardingPager.swift): A full-screen onboarding flow with swipeable pages, a progress indicator and a button that advances or finishes. iOS 18.0+. Scrolling. Keywords: onboarding, welcome, pager, walkthrough, intro, first launch, tutorial, onboarding, bienvenida, paginador, recorrido, introducción, primer inicio, tutorial.
- [Paged Grid Launcher](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/PagedGridLauncher/PagedGridLauncher.swift): A launcher of icon grids that pages horizontally, with each page filled row by row like the iOS home screen. iOS 18.0+. Scrolling. Keywords: launcher, home screen, app grid, icons, paging, springboard, lanzador, pantalla de inicio, cuadrícula de apps, iconos, paginación, escritorio.
- [Parallax Cards Row](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/ParallaxCardsRow/ParallaxCardsRow.swift): A horizontal carousel whose card artwork moves in parallax using visualEffect. iOS 18.0+. Scrolling. Keywords: parallax, carousel, horizontal scroll, cards, visual effect, paging, scroll effect, paralaje, carrusel, scroll horizontal, tarjetas, efecto visual, desplazamiento.
- [Peek Carousel](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/PeekCarousel/PeekCarousel.swift): A paging carousel that shows the edges of its neighbours. iOS 18.0+. Scrolling. Keywords: carousel, paging, peek, horizontal scroll, snap, cards, page dots, carrusel, paginación, desplazamiento horizontal, tarjetas, ajuste, puntos de página.
- [Pull Progress Refresh](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/PullProgressRefresh/PullProgressRefresh.swift): A custom pull to refresh whose ring fills with the pull distance and starts a refresh when released past a threshold. iOS 18.0+. Scrolling. Keywords: pull to refresh, refresh, progress ring, scroll, reload, custom indicator, deslizar para actualizar, actualizar, anillo de progreso, desplazamiento, recargar, indicador.
- [Scroll Fade Cards](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/ScrollFadeCards/ScrollFadeCards.swift): A vertical scroll of cards that scale down and fade at its edges with scrollTransition. iOS 18.0+. Scrolling. Keywords: scroll transition, scroll, cards, fade, scale, vertical list, scroll effect, transición de scroll, desplazamiento, tarjetas, desvanecer, escala, lista vertical.
- [Scroll Progress Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/ScrollProgressBar/ScrollProgressBar.swift): A thin bar pinned to the top of a scroll view that grows with the reading progress of the content. iOS 18.0+. Scrolling. Keywords: scroll progress, reading progress, progress bar, article, scroll indicator, top bar, progreso de lectura, barra de progreso, desplazamiento, artículo, indicador, lectura.
- [Scroll Visibility Reveal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/ScrollVisibilityReveal/ScrollVisibilityReveal.swift): Sections fade and slide into place the first time they become visible while the user scrolls. iOS 18.0+. Scrolling. Keywords: scroll reveal, appear on scroll, fade in, slide in, visibility, sections, revelar al desplazar, aparecer, fundido, entrada, visibilidad, secciones.
- [Sticky Parallax Header](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/StickyParallaxHeader/StickyParallaxHeader.swift): A parallax header that stretches on overscroll and collapses into a pinned bar. iOS 18.0+. Scrolling. Keywords: sticky header, parallax, stretchy, collapsing header, overscroll, scroll, hero, cabecera fija, paralaje, cabecera elástica, colapsar, desplazamiento, cabecera.
- [Sticky Stacked Cards](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/StickyStackedCards/StickyStackedCards.swift): Cards that pile up at the top of the screen as the next card scrolls over them. iOS 18.0+. Scrolling. Keywords: sticky cards, stacked cards, pile, scroll effect, pinned, card stack, tarjetas fijas, tarjetas apiladas, pila, efecto de desplazamiento, anclado, montón de tarjetas.
- [Vertical Full Screen Feed](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Scrolling/VerticalFullScreenFeed/VerticalFullScreenFeed.swift): A vertical feed where each item fills the screen and snaps into place, in the style of short-video apps. iOS 18.0+. Scrolling. Keywords: vertical feed, full screen, paging, short video, reels, snap, stories, feed vertical, pantalla completa, paginación, vídeo corto, reels, encajar.
- [Custom Detent Sheet](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Sheets/CustomDetentSheet/CustomDetentSheet.swift): A system sheet that snaps between custom heights using presentationDetents and a CustomPresentationDetent. iOS 18.0+. Sheets. Keywords: sheet, detents, bottom sheet, presentation, custom height, half sheet, hoja, alturas, hoja inferior, presentación, altura personalizada, media hoja.
- [Dynamic Height Tray](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Sheets/DynamicHeightTray/DynamicHeightTray.swift): A sheet exactly as tall as its content, which grows and shrinks as one step of a flow gives way to the next. iOS 18.0+. Sheets. Keywords: tray, self sizing sheet, dynamic height, bottom sheet, steps, fit content, detent, bandeja, hoja autoajustable, altura dinámica, hoja inferior, pasos, ajustar al contenido, detent.
- [What's New Sheet](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Sheets/WhatsNewSheet/WhatsNewSheet.swift): A sheet that lists what a new version brings and comes up once for each version. iOS 18.0+. Sheets. Keywords: whats new, release notes, update sheet, new features, changelog, version, welcome, novedades, notas de versión, hoja de novedades, nuevas funciones, actualización, versión, bienvenida.
- [Minimizing Tab Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Tabs/MinimizingTabBar/MinimizingTabBar.swift): A tab bar that shrinks into a compact capsule while scrolling using the system tab bar minimize behavior. iOS 26.0+. Tabs. Keywords: tab bar, minimize, collapse, scroll, liquid glass, tabs, compact, barra de pestañas, minimizar, contraer, desplazamiento, cristal líquido, pestañas.
- [Notched Tab Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Tabs/NotchedTabBar/NotchedTabBar.swift): A tab bar whose background path carves a smooth notch under the selected tab that slides between items. iOS 18.0+. Tabs. Keywords: tab bar, notch, curved tab bar, custom shape, floating button, navigation, barra de pestañas, muesca, barra curva, forma personalizada, botón flotante, navegación.
- [Scrolling Tab Strip](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Tabs/ScrollingTabStrip/ScrollingTabStrip.swift): A horizontal row of tabs that scrolls the selected tab into the middle, with an underline that slides between tabs. iOS 18.0+. Tabs. Keywords: tabs, tab strip, scrollable tabs, segmented, categories, underline, pestañas, tira de pestañas, pestañas desplazables, segmentos, categorías, subrayado.
- [Tabs Picker Pages](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Tabs/TabsPickerPages/TabsPickerPages.swift): A row of tabs over a page that slides in with them, on the tabs picker style of iOS 27. iOS 27.0+. Tabs. Keywords: tabs, picker style, segmented, pages, sections, top tabs, ios 27, pestañas, estilo de picker, segmentado, páginas, secciones, pestañas superiores, ios 27.
- [Animated Gradient Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/AnimatedGradientText/AnimatedGradientText.swift): Text filled with a gradient that drifts endlessly through its letters. iOS 18.0+. Text. Keywords: gradient text, animated gradient, rainbow, colors, text animation, foreground style, texto degradado, degradado animado, arcoíris, colores, animación de texto, gradiente.
- [Bouncy Letters Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/BouncyLettersText/BouncyLettersText.swift): Letters that hop one after another in a repeating wave with squash and stretch. iOS 18.0+. Text. Keywords: bounce, hop, letters, keyframes, text animation, squash and stretch, playful, rebote, saltar, letras, fotogramas clave, animación de texto, divertido.
- [Counting Number Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/CountingNumberText/CountingNumberText.swift): A number that counts to its new value with its digits rolling into place. iOS 18.0+. Text. Keywords: counter, count up, number, numeric text, content transition, statistics, odometer, contador, contar, número, transición de contenido, estadísticas, cifras.
- [Glitch Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/GlitchText/GlitchText.swift): Colored copies of the text that jump and flicker in short glitch bursts. iOS 18.0+. Text. Keywords: glitch, flicker, chromatic aberration, cyberpunk, text effect, distortion, fallo, parpadeo, aberración cromática, ciberpunk, efecto de texto, distorsión.
- [Glyph Wave Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/GlyphWaveText/GlyphWaveText.swift): Text whose glyphs ride a travelling sine wave, drawn by a custom TextRenderer. iOS 18.0+. Text. Keywords: wave, sine, glyph, text animation, text renderer, wavy text, onda, seno, glifo, animación de texto, texto ondulado, ola.
- [Highlighted Search Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/HighlightedSearchText/HighlightedSearchText.swift): Text with every match of a search query highlighted, ignoring case and accents. iOS 18.0+. Text. Keywords: search, highlight, matches, query, attributed string, accent insensitive, find in text, búsqueda, resaltar, coincidencias, consulta, texto con atributos, ignorar acentos, buscar en texto.
- [Karaoke Lyrics Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/KaraokeLyricsText/KaraokeLyricsText.swift): Lyrics that start dim and light up from the first letter to the last as they are sung. iOS 18.0+. Text. Keywords: karaoke, lyrics, sing along, text fill, highlight, music, text renderer, karaoke, letra, letras de canciones, cantar, relleno de texto, resaltado, música.
- [Marquee Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/MarqueeText/MarqueeText.swift): A single line of text that scrolls horizontally only when it does not fit. iOS 18.0+. Text. Keywords: marquee, scrolling text, ticker, overflow, long text, now playing, auto scroll, marquesina, texto desplazable, desplazamiento, texto largo, reproduciendo, desbordamiento.
- [Read More Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/ReadMoreText/ReadMoreText.swift): A paragraph truncated with a fade that expands in place when tapped. iOS 18.0+. Text. Keywords: read more, expandable text, truncate, show more, fade, paragraph, leer más, texto expandible, truncar, mostrar más, difuminado, párrafo.
- [Rotating Words Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/RotatingWordsText/RotatingWordsText.swift): Words that take turns in the same spot, each one pushing the last out of the way. iOS 18.0+. Text. Keywords: rotating words, word swap, push transition, headline, hero text, cycling text, palabras rotatorias, cambiar palabras, transición, titular, texto cíclico, encabezado.
- [Scramble Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/ScrambleText/ScrambleText.swift): Random characters that settle from left to right into the final text. iOS 18.0+. Text. Keywords: scramble, decode, random, hacker, text animation, shuffle, matrix, codificado, descifrar, aleatorio, hacker, animación de texto, mezclar.
- [Shimmer Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/ShimmerText/ShimmerText.swift): Text with a band of light that sweeps across its letters through a mask. iOS 18.0+. Text. Keywords: shimmer, shine, highlight, loading, mask, text animation, slide to unlock, brillo, destello, reflejo, cargando, máscara, animación de texto.
- [Streaming Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/StreamingText/StreamingText.swift): Text that arrives in chunks, like the answer of a language model, and fades each new part in from its first letter to its last. iOS 18.0+. Text. Keywords: streaming text, llm, ai answer, token stream, fade in, chat, text renderer, texto en streaming, llm, respuesta de ia, flujo de tokens, aparecer, chat, text renderer.
- [Text Blur Reveal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/TextBlurReveal/TextBlurReveal.swift): Text that appears line by line, coming into focus as it slides up, drawn by a custom TextRenderer. iOS 18.0+. Text. Keywords: text reveal, blur, line by line, text animation, text renderer, fade in, focus, revelar texto, desenfoque, línea a línea, animación de texto, aparecer, enfoque.
- [Typewriter Text](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Text/TypewriterText/TypewriterText.swift): Text that types itself one character at a time, followed by a blinking cursor. iOS 18.0+. Text. Keywords: typewriter, typing, cursor, blinking, text animation, terminal, characters, máquina de escribir, escribir, cursor, parpadeo, animación de texto, terminal, letras.
- [Collapsing Bottom Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Toolbars/CollapsingBottomBar/CollapsingBottomBar.swift): A bottom toolbar that shrinks to a pill while scrolling down and expands back when scrolling up. iOS 18.0+. Toolbars. Keywords: bottom bar, toolbar, collapse, scroll direction, pill, shrink, barra inferior, barra de herramientas, contraer, dirección de desplazamiento, píldora, encoger.
- [Floating Dock Bar](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Toolbars/FloatingDockBar/FloatingDockBar.swift): A row of icons that magnify under the finger, in the style of the macOS dock. iOS 18.0+. Toolbars. Keywords: dock, magnify, icons, toolbar, macos dock, hover scale, dock, ampliar, iconos, barra de herramientas, dock de macos, aumentar.
- [Blur Fade Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/BlurFadeTransition/BlurFadeTransition.swift): A custom transition that combines blur, fade and scale, available as .blurFade. iOS 18.0+. Transitions. Keywords: transition, blur, fade, scale, appear, disappear, custom transition, transición, desenfoque, fundido, escala, aparecer, desaparecer.
- [Circle Reveal Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/CircleRevealTransition/CircleRevealTransition.swift): A custom transition that reveals a view through a circular mask growing from a point. iOS 18.0+. Transitions. Keywords: circle reveal, mask, transition, theme switch, clip shape, ripple, reveal, revelado circular, máscara, transición, cambio de tema, círculo, revelar.
- [Content Swap Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/ContentSwapTransition/ContentSwapTransition.swift): A showcase of text value changes using numericText, interpolate and opacity content transitions. iOS 18.0+. Transitions. Keywords: content transition, numeric text, counter, rolling digits, interpolate, text animation, opacity, transición de contenido, texto numérico, contador, dígitos, interpolar, animación de texto.
- [Cross Fade Navigation](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/CrossFadeNavigation/CrossFadeNavigation.swift): A sheet that fades in over the content with the iOS 27 cross-fade navigation transition. iOS 27.0+. Transitions. Keywords: cross fade, navigation transition, sheet, modal, fade, presentation, ios 27, fundido cruzado, transición de navegación, hoja, modal, fundido, presentación, ios 27.
- [Dissolve Shader Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/DissolveShaderTransition/DissolveShaderTransition.swift): A custom transition that burns a view away through noise, with a glowing edge, drawn by a Metal shader. iOS 18.0+. Transitions. Keywords: dissolve, shader, metal, noise, burn, disintegrate, transition, ember, threshold, color effect, disolver, disolución, shader, metal, ruido, quemar, desintegrar, transición, brasa, umbral. Copy its shader too: [DissolveShaderTransition.metal](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/DissolveShaderTransition/DissolveShaderTransition.metal).
- [Flip Card Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/FlipCardTransition/FlipCardTransition.swift): A two-sided card that flips in 3D without ever showing mirrored content. iOS 18.0+. Transitions. Keywords: flip, card, 3d rotation, two sided, front and back, turn over, animatable, voltear, tarjeta, rotación 3d, dos caras, anverso y reverso, girar.
- [Interactive Pager Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/InteractivePagerTransition/InteractivePagerTransition.swift): A page transition whose progress follows the finger during a drag and completes or cancels on release. iOS 18.0+. Transitions. Keywords: pager, interactive transition, drag, swipe, parallax, onboarding, pages, paginador, transición interactiva, arrastrar, deslizar, parallax, introducción, páginas.
- [Matched Hero Card](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/MatchedHeroCard/MatchedHeroCard.swift): A card that expands in place into a full detail view using matched geometry. iOS 18.0+. Transitions. Keywords: hero animation, matched geometry, expanding card, card, detail, morph, app store card, animación hero, geometría compartida, tarjeta expandible, tarjeta, detalle, transformación.
- [Parallax Push Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/ParallaxPushTransition/ParallaxPushTransition.swift): A custom Transition where the incoming page slides over while the outgoing page moves at a slower parallax speed. iOS 18.0+. Transitions. Keywords: transition, parallax, push, page transition, slide, custom transition, transición, parallax, empujar, cambio de página, deslizar, transición personalizada.
- [Slide Scale Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/SlideScaleTransition/SlideScaleTransition.swift): A custom transition that combines an offset with a scale, available as .slideScale. iOS 18.0+. Transitions. Keywords: transition, slide, scale, offset, carousel, custom transition, swap, transición, deslizar, escala, desplazamiento, carrusel, intercambio.
- [Staggered Appear List](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/StaggeredAppearList/StaggeredAppearList.swift): A list whose rows enter one after another with a capped, testable delay. iOS 18.0+. Transitions. Keywords: staggered animation, list, rows, appear, entrance, cascade, sequential, animación escalonada, lista, filas, aparecer, entrada, cascada, secuencial.
- [Symbol Morph Toggle](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/SymbolMorphToggle/SymbolMorphToggle.swift): A toggle whose SF Symbol morphs between states with the iOS 18 magic replace effect. iOS 18.0+. Transitions. Keywords: sf symbols, magic replace, symbol effect, toggle, icon animation, morph, replace, símbolos, reemplazo mágico, efecto de símbolo, interruptor, animación de icono, transformación.
- [Zoom Hero Transition](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/Components/Transitions/ZoomHeroTransition/ZoomHeroTransition.swift): A grid of cards that zoom into their detail screen with the native navigation zoom transition. iOS 18.0+. Transitions. Keywords: zoom transition, hero animation, navigation, grid, cards, detail, matched transition, transición zoom, animación hero, navegación, cuadrícula, tarjetas, detalle.

## Docs

- [README](https://github.com/magnoscg/swiftui-blocks/blob/HEAD/README.md): what the catalog is and how it is organized
- [AGENTS.md](https://github.com/magnoscg/swiftui-blocks/blob/HEAD/AGENTS.md): repository map and the rules every component keeps
- [Full catalog with source](https://raw.githubusercontent.com/magnoscg/swiftui-blocks/HEAD/llms-full.txt): every component in one file