Drag your mouse around.
Sticker trail
Cursor-following sticker burst with physics.
Give your UI some character
Thoughtful components for React and shadcn, built with expressive motion and careful design.
pnpm dlx shadcn@latest add @spiderui/name
A note from ctrlcat0X.
Spider UI was born to raise the bar for component libraries—not by padding a catalog with 200 ugly components, but by making fewer pieces with stronger design and purposeful motion.
Take what you need. Make it yours.
A taste of what's in the library
Touch me
Switch
Spring-animated toggle with size and tone variants.
Card Title
A small two line paragraph passed by prop.
Card stroke
GSAP split-text card with animated border strokes.
January
February
March
April
May
June
July
August
September
October
November
December
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909
1910
1911
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
October 3, 1963
Wheel date picker
Inertial date wheels with depth, snapping, and keyboard control.
Bounce sidebar
Navigation with a springing, curved active indicator.
Frequently asked questions
Anything else? Drop me an email.