BEARLY KYLER / MOTION STUDY 001A small
hello.
hello.
DESIGN & CODE BY KYLER
A LITTLE CURIOUS. ALWAYS MAKING.
Loading artwork…
SELECTED EXPLORATIONS
Selected work
002 / CREDENTIAL
Bearly KylerPLAYGROUND
VERIFIED
- DEPT
- Design & Code
- TITLE
- Resident Bear
NAMEBearly KylerBEARLY KYLER
SIGNATURE
Staff badge
Laminate, a lanyard, and a bear with clearance.
003 / CLOUD
Point cloud
Eight thousand points on a turning sphere. Push them around.
004 / BADGE
005 / TILTBearly KylerDESIGN & CODE
Bearly KylerDESIGN & CODECard hover tilt
It leans toward you, and the light follows.
006 / MATERIAL
Metallic button
A chrome rim that never sits still.
007 / ACTIONS
Expandable action bar
Icons until you ask for words.
008 / SATURN
Saturn
A ringed planet out of one formula, and no geometry at all.
009 / STATUS
Bearly
Honey jar refilled · 2 min ago
Now playing
The 1.5 second wave
The 1.5 second wave
Status island
A pill that grows into whatever it has to say.
010 / ATTRACTION
Magnetic button
It leans toward you before you arrive.Drag a finger across the card — it follows.
011 / MARQUEE
DesignCodeMotionHoneyBearsCuriosity
Marquee
A loop with no seam to find.
012 / COUNT
1,500msWAVE LENGTH13COMPONENTS100%VANILLA
Count up
Numbers that arrive rather than appear.
013 / CONFIRM
Delete, then mean it
A tile that makes room for a second thought.
014 / PRESS
$0.00
Press depth
Keys that go down when you push them, and come back when you let go.
015 / SIGNAL
Idle
Signal orb
Idle, listening, thinking — one grid of dots.
016 / ODOMETER
1,500
Odometer
Every place rolls to where it belongs.
017 / FOLDER
DOC1 PAGE · KEPT CURRENT
Care and feeding
FOR WHOEVER HAS HIM NEXT
He wakes when the page does and picks something to do on his own. If you would rather choose, the controls under him will take a request — he finishes what he is doing first, then obliges.
He can be picked up. Take hold of him and he will hang there patiently; let go and he drops, rights himself, and carries on as though nothing happened.
HOUSE RULES
- WAKES
- When the page loads
- SLEEPS
- When you scroll away, or reduce motion
- EATS
- Honey, mostly
- DOES NOT
- Leave the hero
Folder
Two of them: one leans out, one opens both ways.
018 / NAV
Gooey nav
The bar stretches before it lets go.
019 / RIPPLE
Ripple grid
Push the field and the whole sheet answers, not just the part you touched.
020 / GRAVITY
Click to drop · hold to pour
Gravity letters
Drop them and let them pile up.
021 / REVEAL
Grid reveal
A picture, arrived at one split at a time.
022 / EXIT
023 / LOADER
Matrix dot loader
Sixteen dots and a table of delays.
024 / DISCLOSURE
A disclosure that animates its own height — no measuring, no fixed values.
The panel is a grid whose single row goes from 0fr to 1fr.
It flips on scaleY, passing through a flat line at the midpoint.
Accordion expand
Height animated without measuring it.
025 / THINKING
Solving.Solving
Thinking orbs
A sphere of points, spun and flattened. Five ways to be busy.
026 / RAIN
Rain
Every drop lands somewhere, and leaves rings behind.
Try it. Take it apart. Make it yours.
About
A little
about me.
I’m Bear. I make small things—components, animations, bits of interface—and then I give them away. Every card here opens up: take the code, paste it somewhere of your own, and bend it until it fits.