Skip to content

Instantly share code, notes, and snippets.

View juanjovn's full-sized avatar
🏠
Working from home

Juanjo Valiño juanjovn

🏠
Working from home
View GitHub Profile
@juanjovn
juanjovn / AnimatedSelector.swift
Created April 20, 2024 18:10
Animated Icon Selector in SwiftUI
import SwiftUI
struct AnimatedSelector: View {
// Change this model for the proper case you need.
@Binding var selectedType: AnimatedSelectorType
// This boolean is used to disable the animated hand
@State var touchedAnySocialMedia = false
@juanjovn
juanjovn / BrutoButtons.swift
Created April 22, 2024 18:47
SwiftUI buttons in a Neubrutalism style
//
// 🌯⚡️ UI Components included in WrapFast SwiftUI Starter Kit: https://WrapFa.st
//
import SwiftUI
struct BrutoButtonStyle: ButtonStyle {
@ViewBuilder
func makeBody(configuration: Configuration) -> some View {
configuration.label
@juanjovn
juanjovn / PremiumBannerView.swift
Last active May 8, 2024 13:12
Nice banners with gradient and symbols background
//
// 🌯⚡️ UI Components included in WrapFast SwiftUI Starter Kit: https://WrapFa.st
//
import SwiftUI
import SymbolOverlayKit
struct PremiumBannerView: View {
@State var color: Color = .blue
@juanjovn
juanjovn / AppleCrusher.swift
Created May 10, 2024 16:18
Crush things like the polemic and deleted Apple iPad Pro Commercial
//
// 🌯⚡️ UI Components included in WrapFast SwiftUI Starter Kit: https://WrapFa.st
//
import SwiftUI
struct AppleCrusher: View {
@State private var isCrushing = false
@State private var isShaking = false
@State private var changeObjects = false
@juanjovn
juanjovn / BuiltWithShipFast.js
Created May 28, 2024 12:35
Built with ShipFast badge
const BuiltWithShipFast = () => {
return (
<a className="inline-block mt-4 text-sm border border-base-content/20 hover:border-base-content/40 hover:text-base-content/90 hover:bg-base-300 duration-200 cursor-pointer rounded text-base-content/80 px-2 py-1" href="https://shipfa.st/?via=YOUR_AFFILIATE_HERE" target="_blank">
<div className="flex gap-1 items-center">
<span>Built with</span>
<span className="font-bold text-base-content flex gap-0.5 items-center tracking-tight">
<img alt="ShipFast logo" fetchPriority="high" width="20" height="20" decoding="async" className="w-5 h-5" style={{
color: "transparent"
}} src="/shipfast_logo_transparent.webp" />
ShipFast